/* 
 * $Source: /usr/cvsroot/rimauresq/rimauresq-webapp/src/main/webapp/default.css,v $
 * $Revision: 1.56 $
 *
 * Author: Tim Pizey (timp AT paneris.org)
 */

A.nav{
  font-family : "Century Gothic", Helvetica, sans-serif;
  font-weight : normal;
  font-style  : normal;
  font-size   : 10pt;
  text-align  : center;
}
A.nav:link    { color: #666666; text-decoration: none; }        /* unvisited link */
A.nav:visited { color: #666666; text-decoration: none; }        /* visited links */
A.nav:active  { color: #993333; text-decoration: none; }        /* active links */
A.nav:Hover   { color: #006633; background-color: #FFFFFF;
}

DIV#frontPageImage {
 display: block;
 background-image: url(/images/index_r4_c4.jpg);
 background-repeat:repeat;
 width: 100%;
}

/* Default HTML 2 CSS */
HTML, BODY {
  height: 100%;
}
BODY {
  font-family: "Trebuchet MS", Georgia, Arial, serif;
  line-height: 1.1;
  font-size: 11px;
  color: black;
  border: 0px;
  width: 100%;
  margin: 0px;
  background-color: #F7EDD4;
}

/* This div givs absolute height to page */
#pageBody {
  background-color: #F7EDD4;
  color: #8A3A40;
  letter-spacing: 0.04em;
  text-align: left;
  display: table;
  padding: 0px;
  margin: auto;
  overflow: visible;
  min-height: 600px;
  height: 100%;
  width: 100%;
  vertical-align: top;
  word-spacing: normal;
  /* max-width: 1024px; */
}

.top, TABLE {
  border-bottom: 4px solid #CBDFD3;
}

.banner {
  background-image: url(images/toprgt_banner_tile.jpg);
  background-repeat: repeat-x;
  background-color: #A1AB54;
}

#language_link {
  background-color: #FFFFFF;
  vertical-align: middle;
  float: right;
  height: 18px;
  width: 28px;
  overflow: visible;
  position: absolute;
  visibility: visible;
  top: 72px;
  right: 0px;
  background-attachment: fixed;
  background-image: url(images/language_flags.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #99CCCC;
}

.content {
  width : 100%;
  /* position: relative; */ /* breaks IE7 */
  margin: 0px;
  visibility: visible;
  background-color: #F7EDD4;
  overflow: visible;
  padding-top: 5px;
  height: 100%;
  min-height: 600px;
}

.default, .pageHeading { 
  clear: right;
}

.defaultTitle, .defaultContent, .defaultContentContent, 
.pageHeadingTitle, .pageHeadingContent {
  border-left: 3px;
  background-color: #CBDFD3;
  width: 98%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.defaultTitle, .pageHeadingTitle{
  width: auto;
  clear: none;
}

.defaultTitle>H3, .pageHeadingTitle>H3 {
  clear: none;
  letter-spacing : 0.09em;
  line-height: 22px;
  font-size: 14pt;
  font-family: "Trebuchet MS", Georgia, Arial, serif;
  font-weight: bold;
  color: #333333;
  background-color: #CBDFD3;
  text-align: left;
  word-spacing: normal;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  margin-left: 6px;
  margin-right: 12px;
  width: 55%;
}
.pageHeadingTitle>H3 {
  letter-spacing : 0.12em;
  line-height: 24px;
  font-size: 15pt;
  padding-top: 6px;
  padding-bottom: 6px;
}
.defaultContent, .pageHeadingContent, .defaultContentContent{
  font-family: "Trebuchet MS", Georgia, Arial, serif;
  font-size: 13pt;
  font-style: normal;
  font-weight: normal;
  color: #8A3A40;
  background-color: #F7EDD4;
  overflow: visible;
  visibility: visible;
  width: 97%;
  letter-spacing: 0.06em;
  text-align: left;
  display: block;
  padding: 0px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-top: 10px;
  line-height: 15pt;
  clear:none;
  display:inline;
}
.pageHeading IMG {
  display: none;
}
.defaultContent, .pageHeadingContent {
/* 
  min-height: 570px;
  height: 100%;
*/
}
.defaultContent H4 {
 margin-left: 20px;
}
.defaultContent PRE {
 display: block;
 margin: 0px;
 border-width: 1px;
}
.defaultContent P {
  display: block;
  border-width: 1px;
  margin-left: 25px;
  margin-right: 10px;
}
.defaultContent A:hover {
 background-color: #d6ebfe;
}

.default .defaultContent { 
  clear: none;
}
.divImageHolder {
  background-attachment: fixed;
  float: right;
  visibility: visible;
  vertical-align: middle;
  border: 4px;
  border-color: #CBDFD3;
  border-style: solid;
  margin-left: 15px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #CBDFD3;
}

#footer {
 width: 100%;
 font-family: "Trebuchet MS", Georgia, Arial, serif;
 font-size: 11pt;
 font-style: normal;
 font-weight: bold;
 text-align: center;
 margin-top: 1em;
 color: #990000;
 position: relative;
 visibility: visible;
 height: 25px; 
 border-top-width: 2px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-color: #FFffFF; 
 vertical-align: bottom;
 line-height: 22px;
 clear: both;
}

/* Sales specific */

TABLE.sales {
  position: relative;
  display: table;
  border: solid 1px;
  margin-left: 20px;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}


TH.sales, 
.salesTitle, 
.userDisplayname, 
.salesTotal {
  font-family: "Trebuchet MS", Georgia, Arial, serif;
/*  font-size: bigger;   */
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
/* font-weight: bolder; */
  background-color: #EEDAA6;
  color: black;
  letter-spacing: normal;
  vertical-align: middle;
  word-spacing: normal;
  white-space: normal;
  visibility: visible;
  padding-left: 8px;
}

TD.sales,
.userValue,
.salesItem {
  font-family: "Trebuchet MS", Georgia, Arial, serif;
  font-size: 11pt;
  font-style: normal;
  font-weight: normal;
  color: black;
  background-color: #F2E3BD;
  padding-left: 20px;
}

.salesDescription {
  font-size: 11pt;
  font-weight:bold;
  background-color: #EEDAA6;
  color: #6A1A20;

}





/* bottom matter */

.edit {
 text-align: right;
}
.copyright {
  font-family: "Century Gothic", sans-serif, Helvetica;
 font-size: 10px;
 text-align: right;
 margin-right: 2px;
}
.colophon {
 font-family: "Century Gothic", sans-serif, Helvetica;
 font-size: 10px;
 text-align: left;
}
.colophon A {
 color: black;
 font-weight: normal;
 font-size: 10px;
}
.validity {
 text-align: right;
}


A {
 font-style: normal;
 font-size: 11px;
 text-decoration: underline;
}

A.link{
 font-size: 11px;
}
.email {
	color: #990033;
	text-decoration: underline;
}

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV,
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL {
 display: block;
}

P {
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 2px; 
 margin-bottom: 4px;
 font-size: 13px;
}

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP,
IMG, SPAN { 
  display: inline 
}

LI { 
 font-size: 11pt;
 display: list-item;
}

H1, H2, H3, H4, H5, H6 { 
 color: #660000;
 margin-top: 1px; 
 font-weight: bold 
}
H1 { 
 margin-bottom: 3px ;
 font-size: 18px;
 color: #996666;
 padding-top: 10px;
 padding-left: 10px;
}
H2, H3, H4, H5, H6 {
 margin-bottom: 2px ;
}
H4, H5 {
 font-style: italic 
}

H2 {
 color: #996666;
 font-size: 16px;
}


B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR { font-style: italic }
ADDRESS, BLOCKQUOTE { font-style: normal }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { }
BLOCKQUOTE {
  margin-left: 1em;
  margin-right: 5em;
  border:1px solid;
}

UL, DIR {
 list-style: disc; 
}
OL { list-style: decimal;}
UL, OL, DIR {
 /* border: 1px solid;  */
 /* margin:1px;  */
 /* width:63%;  */
}
MENU { margin: 0 }   
LI {
  /* margin-left: 1em  */
}

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }            /* 'border-bottom' could also have been used */

A:link { color: #993333; }          /* unvisited link */
A:visited { color: #993333; }       /* visited links */
A:active { color: #FF3333; }        /* active links */


/* setting the anchor border around IMG elements
   requires contextual selectors */

A:link IMG {  }
A:visited IMG { }
A:active IMG { }

.hdr1 {
 font-family: "Century Gothic", Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #666666;
 line-height: normal;
 word-spacing: 1pt;
 letter-spacing: 1px;


}
.lbtitle {
 font-family: "Trebuchet MS", Georgia, Arial, serif;
 font-size: 14px;
 font-style: normal;
 font-weight: normal;
 color: #333333;
 text-decoration: underline;
 letter-spacing: 1pt;
 word-spacing: 1pt;
}


/*
Email specific additions 
*/

#page {
 margin-left: 3em;
 margin-right: 3em;
 border: solid 1px black;
 padding-top: 1em;
 padding-left: 2em;
 padding-right: 2em;
 padding-bottom: 1em;
}
#pagetitle {
 FONT-SIZE: 11px;
 COLOR: #000000;
 FONT-FAMILY: arial, sans-serif;
 FONT-WEIGHT: bold;
 width: auto;
 text-align: center;
 padding: 12px 0em 0.5em;
 margin-top: 1em;
 margin-bottom: 2em;
 border: solid 1px black;
}

#footer {
  FONT-SIZE: 11px;
  COLOR: #000000;
  width: auto;
  text-align: center;
  margin-top: 0em;
}
#order, #customer, #user {
 border: 1px solid black;
 width: 90%;
 margin-left: 2em;
 margin-right: 2em;
}
#order>caption, #customer>caption, #user>caption {
 font-weight: bolder;
}

#customer>TH, #user>TH {
 font-weight: bolder;
 text-align: right;
}
#customer>TH, #user>TH {
 font-weight: bolder;
 text-align: right;
 width: 20%;
}
#htmlMessage {
 margin:1em;
 padding: 1em;
}

/**************** menu coding *****************/
.menu {
  background-repeat: repeat-x;
  background-color: #8B3A41;
}

#menu {
  white-space: nowrap;
  float: left;
  font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  color: #8B3A41;
/*   background-image: url(images/dark_brown_spacer.gif);*/
  background-repeat: repeat;
  position: relative; 
  visibility: visible;
  height: 27px;
  /* left: 162px; */
  /* top: 73px; */
  margin: 0px;
  padding: 0px;
  text-indent: 5px;
  vertical-align: middle;
  line-height: 22px;
  letter-spacing: 0.12em;
  display: table;
  width: 785px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  z-index: 5;
  background-color: #8B3A41;
  display: block;
  position: static;
  border: 0px solid blue;
  width:auto;
  max-width:110px;
  /* See head.wm for width expression */
}
#menu>ul {
  width:auto;
  max-width: 150px;
  min-width: 110px;
  
}

#menu a {
 display: block;
 margin-left : 2px;
 margin-right : 2px;
 text-decoration: none;
 color: #FFCC66;
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
 border:none;
}

#menu a:hover {
 color: #FFCC66;
 background-color: #8B3A41;
}

#menu li {
  white-space: nowrap;
  position: relative;
  border: 0px solid green;
}
#menu ul li {
 display: block;
}

#menu ul ul {
 position: absolute;
 z-index: 10;
 min-width: 120px;
 white-space: nowrap;
 text-align:left;
}

#menu ul ul ul {
 position: absolute;
 top: 0;
 z-index: 20;
/* left: 100%;*/
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
  position: absolute;
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
  position: absolute;
  display: block;
  background-color: #8B3A41;
  z-index: 30;
}

.menuItem {
}
.menu {
  background-image: url('/images/navbase_spacer.jpg'); 
  background-repeat: repeat-x;
}
#otherdb { 
  float: left;
  margin-top: 3px;
  margin-left: 3px;
}