/*
* WinStyle.css
*
* Business Intelligence Systems Inc (c) 2007
*
* author Jeffrey Blake
* version 1.0
* since JDK 1.5
* Last Edit:   - 
* Open Issues: -
* Future:      -
*/

@media print { .noprint { display: none; } }

/* ---------------------------------------------------------------- */
#frame { 
   width: auto; 
   border: none ;
   margin: 0px; 
   padding: 10px; 
   padding-top: 2px; 
}
#frame TH { 
   background-color: rgb(255, 255, 200); /* pale yellow */
   font-weight: 600;
   text-align: center;
   border: 1px solid Gray;
   margin: 0px;
   padding: 0px;
}
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
.banner { text-align: center; background-color: LightGrey; color: White; }
.header { border: 0px solid Gray; background-color: transparent; }
.trailer { border: 0px solid Gray; background-color: transparent; }
.background, table.select, #frame { background-color: White; }
.container, table.list, table.data, table.form, table.select { border: 1px solid Gray; margin-top: 0px; width: 100%; background-color: White; }
table.list { }
table.data { }
table.form { }
table.select { border: 0px; width: 0px; }
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
.bold { font-weight: bold; }
.titlelabel { font-weight: bold; color: blue; }
.margin { margin: 4px; }
.padding { padding: 8px; }
.border, TABLE { border: 1px solid blue; }
.borderless, .noborder { border: none } 
.center { text-align: center; }
.nowidth { width: 0px; } 
.nowrap { white-space: nowrap; }
.listlink, A.listlink:link, A.listlink:visited, A.listlink:hover, A.listlink:active { color: DarkBlue; font-weight: 600; }
.offscreen { position: absolute; top: -550px; left: -150px; width: 1px; height: 1px; overflow: hidden; }

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

#spacerx { height: 90%; float: left; width: 1px; font-size: 1px; padding: 0; margin: 0; }
#framex { width: auto; overflow: auto; border-width: 0px ; margin: 0px; padding: 12px; }
#framewrapx { width: 100%; text-align: center; padding: 0; margin: 0; }

.standardtext, .largertext, .link, A, body, TD, TR, SELECT, P, INPUT, TEXTAREA  {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: black; 
}

.largertext, TH, P.error, TD.error {
   font-size: 14px;
}

A.external {
   background: url(../images/system/icons/external_link.gif) no-repeat 100% 0; /* relative to css file */
   padding: 0 12px 0 0 ;
}
A { text-decoration: none; }
A:link, A:visited { color: blue; font-weight: bold; } 
A:hover, span.link:hover { color: green; text-decoration: underline; }

/* example: class=none to override default style
A.none:link, A.none:visited, A.none:hover, A.none:active { color: green; text-decoration: none; }
*/

/* makes element look like a link - you might need to add hover */
.link {
   width: auto;
   background-color: transparent;
   text-decoration: none;
   border: none;
   /* cursor: hand; InternetExplorer only */
}

.linksmall, .linksmall:hover {
   font-weight: 300; 
   font-size: 10px;
}

.transparent {
   border: 0px; 
   background-color: transparent;
}

.break {
   border-bottom-width: 0px; 
   border-left-width: 0px;
   border-right-width: 0px;
   width: 100%; 
   height: 0px;
}

.label {
   white-space: nowrap; /* normal | nowrap */
   background-color: transparent;
   font-style: normal;  /* italic, normal, oblique */
   color: blue; 
   font-weight: 500; /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit */
   vertical-align: top;  /* top | middle */
   text-align: left;
}

.nomargin, .buttonbar, .break, HR {
   margin: 0px;
   padding: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.button, .buttonbar, .buttonspecial, .buttonsubmit, .buttoncancel, .buttondelete, .buttonpopup {
   background-color: #7FFFD4 ; /* aquamarine */
   border-style: ridge ; 
}
.buttonsubmit, .buttonbar {
   color: blue ;
}
.buttonspecial {
   color: blue ;
}
.buttoncancel {
   background-color: IndianRed ;
   color: white ;
}
.buttondelete {
}
.buttontiny, .buttondeletetiny, .buttonsubmittiny {
   width: 15px;
   height: 15px;
   border-style: outset;
}
.buttondeletetiny {
   background-color: red;
}
.buttonsubmittiny {
   background-color: blue;
}
.buttonbar {
   height: 99%;
   width: 8px;
}
.buttonpopup {
   background-color: #F0E68C ; /* khaki */
   color: blue ;
}
.buttontable {
   width: auto;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 4px;
   margin-bottom: 4px;
   border: 0px; 
   background-color: transparent;
}
.buttontitle {
   padding-left: 4px;
   padding-right: 4px;
   width: 100%;
}

/* this is an experimental section to replace buttonbar */
#buttonBarBlock {
   margin: 0px;
   padding: 0px;
   width: 8px;
   background: #7FFFD4;
}
#buttonBarBlock a:link, #buttonBarBlock a:visited { display: block; }
* html buttonBarBlock a { width: 100%;}
#buttonBarBlock a:hover { background: #7FFFD0;}

img { border: none; }

HR {  
   width: 100%;
   border: 1px solid Gray;
   text-align: center;
   border-color: Gray;
   color: Brown;
   background-color: Gray;
   height: 1px;
   border-bottom-width: 0px;
}

TR { 
   background-color: transparent; 
}

TD {
   white-space: normal; /* normal | nowrap */
   margin: 0px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 1px;
   padding-bottom: 1px;
   vertical-align: top; 
   text-align: left; 
   border: 0px;
}

BODY { height: 100%; margin: 0px; padding: 0px; }

FORM {
   margin: 0px; /* fixes extra line below form in IE */
   margin-bottom: 0px; /* fixes extra line below form in IE */
}

TABLE, TABLE.transparent {
   margin: 0px ;
   padding: 0px ;
   border-spacing: 0px;
   border-collapse: collapse;
   background-color: white;
   text-align: left; 
   vertical-align: middle;
}

TABLE.transparent {
   border: 0px; 
   background-color: transparent;
}

TABLE.auto {
   width: auto; 
}

xxxINPUT[type=text] { /* no work in ie */
   border: 1px solid Gray; 
   padding-left: 4px;
}

input.text {
   border: 1px solid Gray;
   padding-left: 4px;
}

textarea {
   border: 1px solid Gray;
   padding-left: 4px;
}

/* ---------------------------------------------------------------- */

.error, .notice { 
   font-style: normal; 
   text-align: left; 
   background-color: PaleGoldenRod; 
   font-weight: bold; 
   padding-left: 10px; 
   padding-right: 10px;
}

.error {    
   color: red; 
}

.notice {
   /*  color: blue ; */
}

TD.error, TD.notice {
   background-color: transparent;
}

/* ---------------------------------------------------------------- */

#helpdiv { position: absolute; 
   visibility: hidden; 
   top: 100px; 
   background-color: White; 
   width: auto; 
   height: auto; 
   overflow : auto;
   padding: 10px;  
   margin-top: 4px;
   border: solid blue 1px; }

#helpwin { background-color: White; 
   padding: 10px;  }
/* ---------------------------------------------------------------- */

.tabon { font-style: italic; }

/* ---------------------------------------------------------------- */

/* @page normal { size: 8.5in 11in; margin: 1in; widow: 4; orphan: 3; }  not used or understood just yet - possibly proprietary */
.pagebreakbefore { page-break-before: always; }
.pagebreakafter { page-break-after: always; }

/* ---------------------------------------------------------------- */


/* TABLE, TD, TR, TH, DIV, SPAN { border: 1px solid blue;  border-collapse: separate; } /* use for debug */