/******************************Change Log********************************
/ $Log: common.css,v $
/ Revision 1.17  2008/12/02 12:44:20  timp
/ Add input  widget class
/
/ Revision 1.16  2008/12/02 11:53:42  timp
/ Add width to input label
/
/ Revision 1.15  2008/11/28 17:20:09  timp
/ Add nowrap to inputlabel
/
/ Revision 1.14  2008/10/08 14:16:43  timp
/ Center main div
/
/ Revision 1.13  2008/10/08 09:38:42  timp
/ Add color to footer url
/
/ Revision 1.12  2008/10/07 13:31:57  timp
/ Make window 1 text area bigger
/
/ Revision 1.11  2008/09/05 14:36:16  timp
/ Add place holder for node selector
/
/ Revision 1.10  2008/09/04 10:24:24  timp
/ Explicit auto overflow on timesheet message
/
/ Revision 1.9  2008/09/03 11:52:03  timp
/ Do not hardcode height of text boxes
/
/ Revision 1.8  2008/08/28 11:54:57  timp
/ IE7 cares about cascade order
/
/ Revision 1.7  2008/08/20 15:42:52  timp
/ VMS-298 Move system name and username into navigation table
/
/ Revision 1.6  2008/08/18 16:35:36  timp
/ Improve input table layout
/
/ Revision 1.5  2008/08/01 16:18:40  timp
/ Make text area width same as input box width
/
/ Revision 1.4  2008/07/28 13:03:06  timp
/ Add pageLabel style, like and h2
/
/ Revision 1.3  2008/07/02 11:54:01  timp
/ Inherit visibility
/
/ Revision 1.2  2008/06/26 16:20:09  timp
/ Remove unused, handle tick boxes
/
/ Revision 1.1  2008/06/25 16:45:04  timp
/ Factor out common between Bond and Champion
/
/************************************************************************/
/* Built in HTML Elements */

BODY { 
  text-align: center;
  height: 93%;
  width:  95%;
   
}

BODY,TH,TD {

  
  FONT-FAMILY:arial;
  FONT-WEIGHT: normal;
}
TABLE {
  vertical-align: top;
  display: block;
}
TH {
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  BORDER-BOTTOM: 1px solid black;
}
TD
{
  FONT-SIZE: 12px;
  COLOR: #000000;
  BACKGROUND-COLOR: transparent;
}

A {
  text-decoration: none; 
}
A:hover {
}
A IMG { 
  display: inline;
  margin: 0;
  padding: 0;
}
A IMG:hover { 
}

/* Blocks */

.bodyText {
  text-align: left;
}
.header {
  font-weight: bolder;
}

.header A { 
  color: blue;
}
.inputLabel {
  text-align: right;
  white-space: nowrap;
  FONT-FAMILY:arial;
  
  width: 30%;
}
.rowLabel {
  text-align: right;
 
}

#w3c {
  text-align: right;
}
.searchresult, .searchresultfound {
}

.separator {
}

.tsMessage {
  background-color: #FFFFFF;
  border-style: none;
  BORDER: 0px black solid;
  width: 300px;
  color: red;
  overflow: auto;
}

.areasmall, .inputmedsmall,.inputmedium , .inputsmall {
}
.areasmall {
  /* height: 150px; */
  width: 250px;
}

.window1TextArea { 
  width: 400px;
  overflow:visible;
  z-index: 50;  
  FONT-FAMILY:arial;
  font-size: 10pt;
  font-weight: normal

}
.window1TextAreaNarrow { 
  width: 250px;
  overflow:visible;
  z-index: 50;  
  FONT-FAMILY:arial;
  font-size: 10pt;
  font-weight: normal

}

/* Mouseover */
#switch {
  display:inline;
  font-size: smaller;
}
#about { 
  display:none;
}
#switch:hover #about { 
  display:block;
  clear:both; 
  position: absolute; 
  top: 12px; 
  left: 600px; 
  text-align:center; 
  border: 1px solid cyan; 
  background-color: #FFFFFF; 
  font-size: 11px; 
  font-family: monospace;
  width: 150px;
  min-width: 100px;
  z-index: 50;
}


/* Identified elements */

#container, #multiPage { 
  text-align:center;
  height: 80%;
  margin-left: auto;
  margin-right: auto;
}
#container { 
  width: 77em;
}
#multiPage { 
  width:  95%;
}
#main {
  background-color: transparent;
  text-align:center;
  /* position:relative; */ /* needed for footer positioning*/
  /* margin:0 auto; *//* center, not in IE5 */
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 3px;
  width:800px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treated as min-height*/
  display: table;
  min-height:95%; /* real browsers */
 /* opacity: .94; */
 /* filter: alpha(opacity=90); */
 /*  background-image: url("/VMS/Installations/champion/images/white-bg.gif");  */
	
}

#topBanner {
 padding: 0;
 position: relative;
 TEXT-ALIGN: left;
 opacity: 0.88; 
 width: 100%;
}

#changingContent {
 padding-bottom: 5em; /* bottom padding for footer */
 position: relative;
 TEXT-ALIGN: left;
 height: 85%;
 text-align: center;
 background-color: transparent;
 /* opacity: 0.98; */
 /* filter: alpha(opacity=90); */
}

#pageBody {
}

#errstr, #message {
  clear: left;
  border: 1px solid red;
  display: block;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1em;
  padding-right: 2em;
  margin-top: 2em;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50%;
}
#errstr:hover {
  color: blue;
  border: 1px solid blue;
}

#errstr { 
  color: red;
}
#message { 
  color: blue;
}

#TOPNAV {
  TEXT-ALIGN: left;
  height: auto;
  margin: 6px;  
  padding : 1px;
}

#navTable {
}
#jswarning {
  clear: left;
  color: maroon;
  border: inset 2px maroon;
  margin: 2em;
  font-size: x-large;
}

.CONTENTS {
  text-align: center;
  height:auto;
  width: auto;
  margin: 0;
}

#dataTable, #reportTable, #queryTable, #inputTable, #loginInputTable, #hatsPopupTable {
 BORDER: 1px solid #008B8B; /* DarkCyan */

 clear: both;
 padding: 5px;
 margin: 5px;
 border-collapse: collapse;
 text-align: center;
 display:table;
 width: 80%;
 min-width:700px;
}
#dataTable, #reportTable  {
 background-color: #EEFFEE; 
}
#queryTable { 
 background-color: #FFFFEE; 
}
#loginInputTable,#inputTable, #hatsPupupTable { 
 background-color: #EEFFFF; 
}

.crumbstr {
}

.pagelabel { 
  margin-top: 1em; 
  margin-bottom: 1em ;
   FONT-FAMILY:arial;
  font-weight: bold; 
  font-size: 16px;
  clear: left;
}

.tnc {
  font-weight: bolder;
  width: 600px;
  height: 300px;
  padding:1em;
  TEXT-ALIGN: left;  
}

#footer{
 clear: both;
 padding-top: 1em;
 position: relative;
 margin: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 text-align: center;
 /*background-color: #5CC9BD; *//* DarkCyan */
 background-color: transparent;
 /* background-image: url("/VMS/Installations/champion/images/footer-bg.png"); */ 
 vertical-align: bottom;
 color: black;
 width: 100%;
 height: 30px;
 opacity: 0.75;
 /* filter: alpha(opacity=50); */
}
A.footer {
  color: #3333EE; 
}


/** Form Elements **/

INPUT {
  WIDTH: 250px;
  background-color: #ffffff;
  COLOR: #000000;
  border-style: inset;
  border: 1px black solid;
}
/* deliberately duplicated due to htc parser */
INPUT:focus {
  BACKGROUND-COLOR: #FFFFFF;
  BORDER: 1px solid blue; 
}

INPUT[type="text"], INPUT[type="password"] { 
  WIDTH: 220px;
}
INPUT[type="button"] { 
  width: auto;
  height: 2em;
}

INPUT[type="checkbox"] { 
  width: 16px;
  height: 16px;
}
INPUT.check { 
  width: 16px;
  height: 16px;
}
INPUT.hours {
  color:blue;
  text-align: right;  
  background-color: #D3D3D3; /* LightGrey */
  width: 95%; 
}

INPUT.money {
  color:red;
  text-align: right;
   width: 95%; 
}

SELECT.small {
  width: 50px;
  BORDER: black 1px solid;
}

SELECT {
  width: 250px;
  BORDER: black 1px solid;
}

/* deliberately duplicated due to htc parser */
SELECT:focus {
}

.selectlength {
  visibility: inherit;
  
}

/* Buttons */

.button32x32 {
  width: 32px;
  height: 32px;
}
.calendarInput {
  width: 200px;
}

.dateInput {
  width: 5em;
}
.inputlength, .halfInputLength {
}
.inputLength { 
  width: 250px;
}
/* TD style */
.inputWidget { 
  width: 250px;
}
.halfInputLength
{
  text-align: right;
  width: 114px;
}

INPUT.inputdisplay {
  BORDER: ridge 1px #008B8B; /* DarkCyan */
  WIDTH: 300px;
}

.inputmedsmall {
  width: 80%;
  text-align: right;
}
.inputmedium {
  width: 75px;
}
.inputsmall {
  width: 30px;
}
INPUT.tsInputTime {
  width: 30px;
  text-align: right;  
}
INPUT.tsInputDecimalTime {
  width: 95%; 
 /* height: 95%; */
  /* width: 30px; */
  text-align: right;
}

/* The main button style */
.submitstyle {
  opacity: 1.0;
  margin: 3px;
  padding: 2px;
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  TEXT-ALIGN: center;
   -moz-border-radius: 8px;
}
.submitstyle:hover  {
}
.submitstyle:focus  {
}


TEXTAREA {
  width: 300px;
}
/* deliberately duplicated due to htc parser */
TEXTAREA:focus {
}

/* HAT styles */

.listbox {
  BORDER:1px solid black;
  COLOR: black;
  FONT-SIZE:x-small;
  VERTICAL-ALIGN:top;
  HEIGHT:200px;
  text-align: left;
  padding: 2px;
  margin: 2px;
  width: 180px;
}

/******* Unique to Common below ************/

#centeredTable {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

TEXTAREA.hatsList {
  width: 98%;
  overflow: hidden;
  FONT-FAMILY:arial;
  FONT-SIZE:x-small;  
}

.rightcell {
  text-align: left;
}

.rightcell > textarea {
}

A.expand:hover { 
  background-color: #FF0000;
}

A.choose:hover { 
  background-color: #00FF00;
}

.expand, .choose, .unchooseable { 
  line-height: 23px;
  padding: 2px;
  margin: 2px;
  display: inline;
  clear: none;
}
.expand { 
  border: 1px solid #FFA500; /* orange */
  background-color: #ffffff;
  color: #990000;
}

.choose { 
  border: 1px solid green; 
  color: #006600;
  background-color: #FFFFFF;
}

.unchooseable { 
  border: 1px solid red; 
  color: #006600;
  background-color: #FFFFFF;
}


.hatsList { 
  height:200px;
  width:190px;
  overflow: auto;
}


/* Timesheet types */

.tsPaper, .tsManager, .tsCandidate, .tsNonVMS, .tsManDay, .tsCanDay { 
  BORDER-BOTTOM: 1px solid black;
}
.tsPaper { 
  BACKGROUND-COLOR: #FFFFFF;
  COLOR: #4E73A5;
}
.tsManager { 
  BACKGROUND-COLOR: #FFAAAA;
  COLOR: #4E73A5;
}
.tsCandidate { 
  BACKGROUND-COLOR: #FFFFAA;
  COLOR: #4E73A5;
}
.tsNonVMS { 
  COLOR: #4E73A5;
  BORDER-BOTTOM: 1px solid black;
}
.tsManDay{ 
  BACKGROUND-COLOR: #00FFFF;
  COLOR: #4E73A5;
  BORDER-BOTTOM: 1px solid black;
}
.tsCanDay{ 
  BACKGROUND-COLOR: #00FF00;
  COLOR: #4E73A5;
  BORDER-BOTTOM: 1px solid black;
}


/* Basket*/
#basket {
  border: outset  1px #0033cc;
  color: #0033cc;
  background-color: #73A9FF;

  text-align: center;
  clear: both;
  margin-left: 600px;
  margin-right: 30px;
  width: auto;
  display: block;   
  padding: 3px;
  font-size: smaller;
}

.nodeSelector { 
}