/* --------------------------------------------------------------------- */
/*            ****          ALL DOCUMENT            ****                 */
/* --------------------------------------------------------------------- */

* {
  margin: 0px;
  padding: 0px;
}
html, body {
  height: 100%;
  font-family: Verdana, Helvetica, serif, sans;
}
h1 {
  font-size: 14pt; 
}
font {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
}
a:link {
  color: #666666;
}
a img {
  border: 0px;
}
p {
  margin: 10px 0px 10px 0px;
}
.page {
  /* -- to place the inside elements -- */
  position: relative;
  height: 100%;
  width: 100%;
}
.vertical-space {
	margin: 28.5em;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: text-bottom;
}
img.text-top {
  vertical-align: top;
}
img.popup {
  border: 1px solid #666666;
  margin: 10px;
}
img.pointer {
  vertical-align: middle;
  cursor: pointer;
}
.right-align {
  text-align: right;
}
.left-align {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.nomargin {
  margin: 0px;
}
ul.nomargin {
  padding: 0px;
  list-style-position: inside;
}
ul {
  padding: 7px; 
  list-style-position: inside;
}
ol {
  padding: 7px;
  list-style-position: inside;
}
li.indent {
  padding-left: 10px;
}
dt {
  font-weight: bold;
}
.warning {
  color: red;
}
.textLink {
  cursor: pointer;
  text-decoration: underline;
  color: #666666;
  margin: 0px 2px 0px 2px;
}
.imgLink {
  cursor: pointer;
}
.bold {
  font-weight: bold; 
}
.justified {
  text-align: justify; 
}
.exp {
  vertical-align: super;
  font-size: 9pt;
  color: red;
}

/* --------------------------------------------------------------------- */
/*            ****               TOP                ****                 */
/* --------------------------------------------------------------------- */

.top {
  height: 50px;
}
.top div.text {
  position: absolute;
  /*top: 100px;*/
  top: 62px;
  left: 10px;
  font-family: Arial, Verdana, Helvetica, serif;
  font-weight: normal;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  /*margin-left: 300px;
  margin-right: 200px;
  margin-bottom: 100px;*/
  margin-left: 200px;
}
.top div.textDoc {
  position: absolute;
  /*top: 100px;
  left: 40px;*/
  top: 62px;
  left: 10px;
  font-family: Arial, Verdana, Helvetica, serif;
  font-weight: normal;
  text-align: center;
  font-size: 30pt;
}
.logo {
  position: absolute;
  /*top: 80px;*/
  top: 62px;
  right: 15px;
  margin-left: 30px;
  margin-left: 30px;
}
#topMenu {
  background-color: #cccccc;
  background-image: url(../icons/ground.gif);
  border: 1px solid black;
  margin: 12px 0px 0px 0px;
  height: 23px;
}
*> #topMenu {
  !margin: 7px 0px 0px 0px; /* hack for IE7 */
}
#quickLinks {
  position: absolute;
  top: 4px;
  right: 5px;
}
#quickLinks a {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#quickLinks ul {
  margin: 0px;
  padding: 0px;
}
li.inline {
  display: inline;
  padding-left: 5px;
  padding-right: 2px;
  border-right: 1px solid #ffffff;
}
li.last {
  display: inline;
  padding-left: 5px;
  padding-right: 2px;
  border-right: 0px;
}

/* --------------------------------------------------------------------- */
/*            ****             SIDEBAR              ****                 */
/* --------------------------------------------------------------------- */

.userInfo {
  text-align: center;
  font-size: 10pt;
  margin-bottom: 5px;
}

td.sidebar {
  vertical-align: top;
  text-align: left;
  padding: 5px;
}

div.sidebar {
  width: 145px;
}

/* --------------------------------------------------------------------- */
/*            ****             CONTENT              ****                 */
/* --------------------------------------------------------------------- */

div.content {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  margin-left: 15px;
  /*margin-top: 210px;*/
  margin-top: 110px;
  text-align: left;
}
.content-spacer {
  width: 700px;
  visibility: hidden;
}
.graybox {
  border: 1px solid #adaaad;
  background-color: #efefef;
  padding: 2px;
  text-align: left;
  width: 500px;
}
div.content div.intro {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 20px;
}
div.content div.intro p {
  margin: 0px;
  padding: 0px;
}
div.content div.warning {
  background-color: #efc9c9;
  border: 1px solid red;
  color: red;
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  font-weight: bold;
  padding: 5px;
  margin: 0;
  margin-right: 20px;
  width: 100%;
}
#helpLink img {
/*  float: left;*/
}
div.content #item {
  margin: 20px;
}
div.content #nav {
  margin: 20px;
  padding: 2px 2px 2px 5px;
	border: 1px solid #767b91;
	background-color: #efeefe;
}
div.spacer {
  clear: both;
}
.light-spacer {
  clear: both;
  height: 0px;
}
.errors {
  border: 2px dashed red;
  background-color: #ffcccc;
}
.messages {
  border: 2px dashed orange;
  background-color: #ffffcc;
}
.errors, .messages {
  text-align: left;
  width: 500px;
  padding: 10px;
  margin: 10px 10px 10px 0px;
  list-style-position: inside;
}
.errors li, .messages li {
  padding: 2px 2px 2px 15px;
}
.loading {
  font-size: 14px;
  font-weight: bolder;
  color: #054463;
  float: left;
  margin-left: 200px;
}
/* --------------------------------------------------------------------- */
/*            ****             FOOTER               ****                 */
/* --------------------------------------------------------------------- */

.footer-container {
  height: 12px;
}

.footer {
  background-color: #cccccc;
  font-size: 11px;
  color: #666666;
  background-image: url(../icons/ground.gif);
  border-right: 1px solid black;
  border-left: 1px solid #666999;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
}
.footer hr {
  display: none;
}
.footer a:link {
  color: #666666;
}
.footer a:visited {
  color: #666666;
}
.footer .date {
}
.footer .copyright {
	position: absolute;
	right: 10px;
}

/* --------------------------------------------------------------------- */
/*            ****             PREFS                ****                 */
/* --------------------------------------------------------------------- */

div.prefs {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 4px;
}
div.prefs h6 {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10px;
  font-weight: bold;
  margin: 2px;
}
div.prefs a {
  font-weight: normal;
}
div.prefs form input {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10px;
}
div.prefs form select {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10px;
}

/* --------------------------------------------------------------------- */
/*            ****             FLAGS                ****                 */
/* --------------------------------------------------------------------- */

div.flags {
  text-align: center;
  margin-top: 5px;
}
div.flags form.inline {
  display: inline;
}
div.flags input {
  height: 12px;
  width: 18px;
}
div.flags input.selected {
  border: 1px solid black;
}

/* --------------------------------------------------------------------- */
/*            ****              MENU                ****                 */
/* --------------------------------------------------------------------- */

.menu {
}
.menu hr {
  display: none;
}
.gpiLogo {
  text-align: center;
  margin-bottom: 15px;
}
.gpiLogo a img {
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 4px 10px 4px 4px;
}
.gpiLogo img {
  display: inline;
  height: 82px;
  width: 120px;
}
.menuItem {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  background-color: #ffffff;
  margin-bottom: 5px;
}
.menuItemEmpty {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  background-color: #ffffff;
  margin-bottom: 5px;
}
.menuItem img {
  height: 18px;
  width: 18px;
  float: left;
  margin-left: 2px;
  margin-right: 4px
}
.menuItem #title {
  font-family: Arial;
  font-weight: bold;
  text-align: left;
  padding: 0px;
}
.menuItem #list {
  margin-top: 3px;
  margin-bottom: 0px;
}
div.menu span.text {
  text-align: right;
}
div.menu ul {
  list-style: square outside url(../icons/bullet_flat.gif);
  padding: 0px 0px 5px 25px;
  vertical-align: text-bottom;
}
div.menu ul ul {
  list-style: square outside;
  padding: 0px 0px 5px 15px;
}
div.menu li a {
  text-decoration: none;
  font-weight: bold;
}
div.menu ul li a:hover {
  text-decoration: underline;
  color: #667ac4;
}

/* --------------------------------------------------------------------- */
/*            ****            SUBTITLES              ****                */
/* --------------------------------------------------------------------- */

div.bar {
  padding: 2px;
  padding-left: 5px;
  margin-bottom: 20px;
  margin-right: 20px;
}
div.bar span.text {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 12pt;
  font-weight: bold;
}
div.bar img {
  display: none;
  height: 10px;
  width: 14px;
}

/* --------------------------------------------------------------------- */
/*           ****           DOCUMENTATION            ****                */
/* --------------------------------------------------------------------- */

div.doc {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  width: 560px;
}
div.doc div.menu ol {
  margin: 10px;
  padding: 10px;
}
div.doc div.content {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  margin-top: 20px;
}
div.doc div.navLinks {
  width: 500px;
  text-align: center;
  margin: 20px;
}
div.doc li.docItemTitle {
  list-style-type: none;
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  font-weight: bold;
  width: 500px;
  padding: 3px;
  margin-top: 20px;
}
div.doc li.empty {
  list-style-type: none;
}
div.doc div.docItemContent {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  width: 500px;
  padding: 5px;
  margin: 10px;
}
div.doc div.docItemContent dt.term {
  font-weight: bold;  
}
div.doc div.docItemContent dd.desc {
  margin: 0px 0px 10px 20px;
}
/* -- What's new -- */
div.doc div.whatsnew {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
}
.news {
  padding: 10px;
  width: 500px;
  margin: 10px 0px 10px 0px;
}
.news .date {
  list-style-type: square;
  list-style-position: inside;
  font-weight: bold;
  cursor: pointer;
}
div.doc div.whatsnew span.new {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  color: red;
}
/* -- FAQ -- */
div.doc div.faq {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
}

/* --------------------------------------------------------------------- */
/*            ****             FORMS                ****                 */
/* --------------------------------------------------------------------- */

div.container {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  margin: 0px 0px 20px 20px;
  width: 550px;
}
form.queryForm {
  border: 1px dotted black;
  background-color: #efefef;
  padding: 10px;
}
div.content form {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  text-align: center;
}
div.content form .form-subtitle {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin: 5px;
}
.content form div.block {
  border: 1px solid white;
  margin: 0px;
}
.content fieldset.formblock {
  margin: 0px;
  padding: 0px;
}
.content fieldset.formblock legend {
	color: gray;
	font-weight: bold;
}
div.content form hr {
  clear: both;
}
div.content form h3 {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ff0000;
}
div.content form input {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  font-weight: normal;
}
div.content form input[type="text"] {
  width: 225px;
}
div.content form textarea {
  width: 225px;
}
div.content form input[type="submit"] {
  width: auto;
  color: black;
  background-color: white;
  font-weight: bold;
  font-family: Verdana;
  font-size: 9pt;
  border: double 3px #adaaad;
}
/* hack for IE which doesn't understand [type="submit"] */
div.content form input.button {
  width: auto;
  color: black;
  background-color: white;
  font-weight: bold;
  font-family: Verdana;
  font-size: 9pt;
  border: double 3px #adaaad;
}
div.content form input[type="image"] {
  vertical-align: middle;
}
div.content form select {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  font-weight: normal;
  width: 229px;
}
div.content form select.dateSelect {
  width: auto;
}
.dateSelector {
  border: 0px;
  padding: 0px;
  vertical-align: top;
}
div.content form img.button {  
  cursor: pointer;
  vertical-align: middle;
}
div.row {
  padding: 5px;
  clear: both;
}
div.row span.label {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  float: left;
  width: 150px;
  margin: 0px 2px 0px 5px;
  text-align: right;
  font-weight: normal;
}
div.row span.formw {
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  float: right;
  width: 300px;
  text-align: left;
}
div.inline {
  display: inline;
}
/* -- basket forms -- */
.basket {
  text-align: left;
  border: 0px solid black;
}
.basket form {
  text-align: left;
  margin: 0px;  
}
.basket #title {
  margin: 0px;
  font-weight: bold;
}
.basket #itemNbLabel {
  margin: 0px;
}
.basket #itemNbLabel #nb {
  color: red;
}
/* -- basket list -- */
.basketlist {
  width: 500px;  
  border: 1px solid #adaaad;
  border-collapse: collapse;
  border-spacing: 0px;
}
.basketlist .header {
  border: 1px solid #adaaad;
  padding: 2px;
  background-color: #efefef;
  font-weight: bold;
}
.basketlist .content {
  padding: 2px;
  background-color: #fffbef;
  border: 1px solid #adaaad;
}

/* --------------------------------------------------------------------- */
/*            ****             TABLES               ****                 */
/* --------------------------------------------------------------------- */

/* -- general table -- */
td.top {
}
td.foot {
}
table.cardTable form {
  text-align: left;
}

/* -- card tables -- */
table.cardTable {
  border: 1px solid #adaaad;
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}
table.cardTable td.left {
  border: 1px solid #adaaad;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 0px;
  background-color: #f6f6f6;
  text-align: right;
  white-space: nowrap;
}
table.cardTable td.right {
  border: 1px solid #adaaad;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 0px;
  /*background-color: #fffbef;*/
  text-align: left;
}

/* -- result tables -- */
table.resultTable {
  border: 1px solid #adaaad;
  font-family: Arial, Verdana, Helvetica, serif;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
table.resultTable th.header {
  border: 1px solid #adaaad;
  padding: 2px;
  background-color: #f6f6f6;
  text-align: center;
}
table.resultTable tr.header {
  padding: 2px;
  background-color: #eeeeee;
  text-align: center;
}
table.resultTable tr.content {
  padding: 2px;
  text-align: center;
}
table.resultTable tr.content:hover {
  background-color: #eeeeee;
}
table.resultTable td {
  border: 1px solid #adaaad;
  padding: 2px;
}
table.resultTable th {
  border: 1px solid #adaaad;
  padding: 2px;
}
table.resultTable .empty {
  border: 0px;
}
table.resultTable table td {
  border: 0px;
}
.small {
  white-space: nowrap;
  vertical-align: middle;
  font-size: x-small;
  font-weight: normal; 
}

/* -- table legends -- */
.legend {
  border: 1px solid #adaaad;
  max-width: 550px;
  /*width: 500px;*/
  margin-top: 15px;
  padding: 5px;
}
.legend .title {
	font-weight: bold;
}
.legend .term {
	padding: 0px;
	margin: 0px;
	font-family: courier;
	font-weight: bold;
}
.legend .desc {
}

/* --------------------------------------------------------------------- */
/*            ****              LOGOS               ****                 */
/* --------------------------------------------------------------------- */

#sitemesh-logo {
  position: absolute;
  bottom: 130px;
  left: 15px;
  height: 35px;
  width: 123px;
}

#struts-logo {
  position: absolute;
  bottom: 100px;
  left: 45px;
  height: 22px;
  width: 57px;
}

#hibernate-logo {
  position: absolute;
  bottom: 65px;
  left: 5px;
  height: 25px;
  width: 123px;
}

/* --------------------------------------------------------------------- */
/*            ****              TREE                ****                 */
/* --------------------------------------------------------------------- */

div.tree {
  border: 1px dotted black;
  background-color: #efefef;
  padding: 10px 0px 10px 0px;
}
div.tree ul {
  padding: 0px 0px 0px 25px;
  list-style: none outside;
}
div.tree ul.visible {
  padding: 0px 0px 0px 25px;
  list-style: square outside;
}
div.tree li.hidden {
  list-style: none outside;
}
ul.checktree li.last {
  background-image: url(../icons/tree/node-last.gif);
}
ul.checktree li.plus {
  list-style-image: url(../icons/tree/plus.gif);
}
ul.checktree li.plus-last {
  background-image: url(../icons/tree/plus-last.gif);
}
ul.checktree li.minus {
  list-style-image: url(../icons/tree/minus.gif);
}
ul.checktree li.minus-last {
  background-image: url(../icons/tree/minus-last.gif);
}
ul.checktree li.node {
  list-style-image: url(../icons/tree/node.gif);
}


/* --------------------------------------------------------------------- */
/*            ****              RELEASE NOTES       ****                 */
/* --------------------------------------------------------------------- */

.notes {
  max-width: 1000px;
}
.notes h1 {
  border: 1px solid black;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 14pt;
}
.notes .subtitle {
  font-size: 13pt;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}
.notes h2 {
  font-size: 11pt;
  font-weight: normal;
  border-bottom: 1px solid #777777;
}
.notes ul {
  margin-left: 25px;
}

/* --------------------------------------------------------------------- */
/*            ****              OVERLIB             ****                 */
/* --------------------------------------------------------------------- */

.fgClass {
  background-color: white;
  padding: 2px;
  opacity: 0.9;
}
.bgClass {
  border: 1px solid black;
}