body {
   background-color:#ffffff;
   margin:0px;
   padding:0px;
}
/*  avoid styling the span tag wrt any font settings.  */
body, th, td, div, p, button, select, input {
   font-family:Arial,sans-serif;
}

body,td,input,button,th,caption {
   font-size:70%;
}
* html body,* html td,* html input,* html button,* html th {
   font-size:67%;
}
select {
   font-size:102%;
}

/*  percentage fonts must be used carefully */
/* for ie we dont want to set body td, body th, back to 100%, as these dont properly inherit from the body in the first place.  */
/*  oddly enough though, td does inherit from div in IE, although not from anything else.*/

div td,body input, body button,
td input, td button, th input, th button, 
body div,body table, body td, body th, body caption {
   font-size:102%;
}

body,td,p {
   color:#000000;
}
h1,h2,h3,h4 {   
   margin:5px 0px 10px 0px;
   color:#000000;
   vertical-align:center;
}

h1 {font-size:180%;font-weight:normal; }
h2 {font-size:170%;font-weight:normal;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {
   margin: 0 0 7px 0;
   font-size:102%;
}

hr {
   border:0px;
   height:1px;
   overflow:hidden;
   color:#cccccc;
   background-color:#cccccc;
   margin: 0 5px 5px 5px;
}

* html hr {
   margin-top:-5px;
   position:relative;
   top:5px;
}

.hv {
   float:right;
   direction:ltr;
   margin: 0 4px 8px 8px;
   height: 16px;
   width: 4px;
   background-image:url(./gif/divider.gif);
   cursor: default;
}

form {
   display:inline;
}
span.whiteSpacer {
   font-size:8px;
}

input.small {
   width:100px;
   border: 1px solid #6699cc;
   padding-left: 2px;
}

select.medium {
   width:145px;
}

input.medium {
   width:145px;
   border: 1px solid #6699cc;
   padding-left: 2px;
}
input.large {
   width:200px;
   border: 1px solid #6699cc;
   padding-left: 2px;
}
input.smaller {
   width:45px;
   border: 1px solid #6699cc;
   padding-left: 2px;
}
input.smallest {
   width:40px;
   border: 1px solid #6699cc;
   padding-left: 2px;
}
option {
   overflow: visible;
   clip: auto;
}
div.clearFloats {
   clear:both;
   height:1px;
   overflow:hidden;
   margin-bottom:-1px;
}

/* Framework */

.applicationPalette {
   margin: 7px;
}

.leftContentPane {
   border:7px solid #ccc; 
   vertical-align: top;
}

.rightContentPane {
   border-width: 7px 7px 7px 0; 
   border-style: solid; 
   border-color: #cccccc; 
   vertical-align: top; 
   width:100%;
}

.paletteBg {
   padding-top: 11px;
   background-color: #cccccc;
}

.paletteTop h1 {
   margin: 0px !important;
}
.paletteTopButtons {
   margin: 0;
   padding: 6px 8px 0 0;
}
.mainNav {
   width: 214px;
   overflow: auto; /* fixed expand/collapse left menu width in IE6/7 for long tree title and content */
}
#navigationControl {
   padding: 2px;
}

/* user identification */
div.userId {
   margin:8px 0 8px 15px;
}
td.userId {
   padding: 5px 0 0 15px;
}
td.status {
   text-align: right; 
   padding: 5px 23px 0 0; 
}
div.status {
   text-align: right; 
   padding: 5px 23px 0 0; 
   color: #999999
}

td.tdbold {
   font-weight: bold;
}

/* Application Masthead */

table.applicationMastheadSmall {
   width: 100%;
}

table.applicationMastheadSmall,
table.applicationMastheadSmall td {
   background-color:#4FAF00;
   color:#ffffff;
   vertical-align:top;
}
td.mastheadIcon {
   padding-top:14px;
   padding-left:17px;
}
td.mastheadTitle {
   width: 70%;
   padding:16px 0 0 16px;
}
td.medium {
   width:145px;
}
td.large {
   width:30%;
}

td.mastheadTitle h1 {
   padding:0px;
   margin:0px;
   padding-right:16px;
   color:#ffffff;
   white-space:nowrap;
}

div.mastheadPhoto {
   background:#fff;
   border-left:7px solid #fff;
   border-right:7px solid #fff;
   float:right;
   width:306px;
   height:57px;
}
td.mastheadLinks {   
   padding:12px 16px;
   white-space:nowrap;
   border-left:7px solid #fff;
   width:30%;
}

td.supportLinks {   
   padding:12px 115px;
   padding-right:16px;
   text-align: right;
}

td.blackinkbox {
   width:20px;
   background-color:#000000;
}

td.lightcyaninkbox {
   width:20px;
   background-color:#aaffff;
}

td.cyaninkbox {
   width:20px;
   background-color:#00ffff;
}

td.lightmagentainkbox {
   width:20px;
   background-color:#ffaaff;
}

td.magentainkbox {
   width:20px;
   background-color:#ff00ff;
}

td.yellowinkbox {
   width:20px;
   background-color:#ffff00;
}

td.greeninkbox {
   width:20px;
   background-color:#00ff00;
}
       
td.blueinkbox {
   width:20px;
   background-color:#0000ff;
}

td.voiletinkbox {
   width:20px;
   background-color:#ab00ff;
}

td.pinkinkbox {
   width:20px;
   background-color:#ffaed7;
}

td.lightgreyinkbox {
   width:20px;
   background-color:#cccccc;
}

td.blackinkboxLarge {
   width:30px;
   background-color:#000000;
}

td.tricolorinkboxLarge {
   width:30px;
   background: url(./gif/tricolor_ink_gauge.gif);
}

td.photoinkboxLarge {
   width:30px;
   background: url(./gif/photo_ink_gauge.gif);
}

td.grayphotoinkboxLarge {
   width:30px;
   background: url(./gif/grayphoto_ink_gauge.gif);
}

td.bluephotophotoinkboxLarge {
   width:30px;
   background: url(./gif/bluephoto_ink_gauge.gif);
}

table.applicationMastheadSmall a:link,
table.applicationMastheadSmall a:visited,
table.applicationMastheadSmall a:active,
table.applicationMastheadSmall a:hover {
   color:#ffffff;
   text-decoration:underline;
}

/* Navigation Control */
#navigationControl {
   margin-top: 2px;
}
div.navigationControlOn,
div.navigationControlOff,
div.navigationControlHeader {
   background-color:#ffffff;
   padding: 3px 7px 4px 8px;
}

div.navigationControlHeader {
   font-weight: bold;
}
div.navigationControlOn {
   background-color:#99ccff;
}
div.navigationControlOff {
   background-color:#ffffff;
}

div.navigationControlOn a:link,
div.navigationControlOn a:visited,
div.navigationControlOn a:active {
   text-decoration:none;
   color:#000000;
}
div.navigationControlOff a:link,
div.navigationControlOff a:visited,
div.navigationControlOff a:active {
   text-decoration:none;
   color:#003399;
}
div.navigationControlOn a:hover {
   text-decoration:underline;
   color:#000000;
}
div.navigationControlOff a:hover {
   text-decoration:underline;
   color:#003399;
}
div.navigationControlSpacer {
   height:5px;
   overflow:hidden;
}

/* links */
a:link, a:visited, a:active, a:hover {
   color:#003399;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}

/* Tabs */
div.tabSet, div.secondaryTabSet {
   
}

div.tabSet {
   background-image:url(./gif/tab_set_bg.gif);
}
div.secondaryTabSet {
   background-image:url(./gif/tab_set_secondary_bg.gif);
}
* html div.tabSet, * html div.secondaryTabSet {
   float:left;
}

div.tabOff,div.tabOn {
   float:left;
   text-align:center;
   height:14px;
   font-weight:bold;
   white-space:nowrap;
}
div.tabOff {
/* background color and background image are a part of the theme css */
   background-color:#86BB5B;
   background-image:url(./gif/tab_right.gif);
   background-position:top right;
   background-repeat:no-repeat;
   color:#ffffff;
   padding:2px 13px 4px 10px;
   border-bottom:2px solid #fff;
   border-right:2px solid #fff;
   cursor:pointer;
   cursor:hand;
   min-width:88px;
}
div.tabOn {
   background-color:#cccccc;
   color:#333333;
   padding:2px 13px 6px 10px;
   border-right:3px solid #fff;
   min-width:89px;
}
div.tabOff a:link,
div.tabOff a:visited,
div.tabOff a:active,
div.tabOff a:hover {
   color:#ffffff;
   text-decoration:none;
}
div.tabOn a:link,
div.tabOn a:active,
div.tabOn a:visited,
div.tabOn a:hover {
   color:#333333;
   text-decoration:none;
}
div.secondaryTabSet div.tabOn
{
   background-color:#ffffff;
   border-right:3px solid #ccc;
   min-width:59px;
   padding:1px 13px 5px 10px;

}
div.secondaryTabSet div.tabOff
{
   background-color:#86BB5B;
   background-image:url(./gif/tab_secondary_right.gif);
   background-position:top right;
   background-repeat:no-repeat;
   border-bottom:2px solid #ccc;
   border-right:2px solid #ccc;
   min-width:62px;
   padding:1px 13px 3px 10px;
}

/* Command Button */
div.buttonSet {
   float:right;
   margin-top:5px;
   margin-bottom:10px;
}

div.bWrapperUp,
div.bWrapperOver,
div.bWrapperDown,
div.bWrapperDisabled {
   float:right;
   direction:ltr;
   margin-left:8px;
   margin-bottom:8px;
}

/* buttonsAreLeftAligned is a modifier class, modifying buttonSet */
div.buttonsAreLeftAligned, div.buttonsAreLeftAligned div.bWrapperUp,div.buttonsAreLeftAligned div.bWrapperOver,div.buttonsAreLeftAligned div.bWrapperDown,div.buttonsAreLeftAligned div.bWrapperDisabled {
	float:left;
	margin-left:0px;
	margin-right:8px;
}

/* buttonsAreRigtAligned is a modifier class, modifying buttonSet */
div.buttonsAreRigtAligned, 
div.buttonsAreRigtAligned div.bWrapperUp,
div.buttonsAreRigtAligned div.bWrapperOver,
div.buttonsAreRigtAligned div.bWrapperDown,
div.buttonsAreRigtAligned div.bWrapperDisabled {
   float:right;
   margin-left:8px;
   margin-right:0px;
   width:100%;
}

div.verticalButtonSet {
   padding-right:10px;
}

div.verticalButtonSet div.bWrapperUp,
div.verticalButtonSet div.bWrapperOver,
div.verticalButtonSet div.bWrapperDown,
div.verticalButtonSet div.bWrapperDisabled {
   float:none;
   margin-left:0px;
}

/* this position relative css is what turns the three divs into the 3px slant effect */
div.bWrapperUp div,
div.bWrapperOver div,
div.bWrapperDown div,
div.bWrapperDisabled div {
   position:relative;
   left:-1px;
   top:-1px;
}

button.hpButtonSmall,
input.hpButtonSmall,
input.hpButtonSmallDisable {
   padding:0px 4px;
   height:22px;
   color: #ffffff; 
/*   min-width: 19px; */
}
button.hpButtonVerySmall,
input.hpButtonVerySmall {
   border-style:none; /* removed border */
   padding:0px 2px;
   height:14px;
   font-size:9px;
   color: #ffffff; 
}

button.hpButton,
button.hpStdButton,
button.hpStdButtonLarge,
button.hpButtonSmall,
button.hpButtonVerySmall,
input.hpStdButton,
input.hpStdButtonLarge,
input.hpButton,input.hpButtonSmall,
input.hpButtonSmallDisable,
input.hpButtonVerySmall {
   background-color: #86BB5B;
   position:relative;
   left:-1px;
   top:-1px;   
/* background color a part of the theme css */
   color: #ffffff; 
   font-weight:bold;
   text-decoration: none;   
   font-family: Arial,sans-serif;
   text-align:center;
   cursor:pointer;
   /*cursor:hand;*/
}

input.hpButtonSmallDisable{
   background-color: #bebebe;
}

div.bEmphasized button,
div.bEmphasized input,
div.bEmphasized submit {
   background-color:#336633;
   color:#ffffff;
}

div.bDivider {
   float:right;
   direction:ltr;
   margin: 0 4px 8px 8px;
   height: 16px;
   width: 4px;
   height:19px;
   background-image:url(./gif/divider.gif);
   cursor: default;
}
 
input.hpButton {
   height:22px;
   color: ; 
/*   min-width:95px;  */
}

input.hpStdButton {
   height:22px;
   color: #ffffff; 
/*   min-width:89px; */
}

input.hpStdButtonLarge {
   height:22px;
   color: #ffffff; 
   text-align:center;
/*   min-width:110px; */
}

button.hpButton {
   height:22px;
   color: #ffffff; 
/*   min-width:95px; */
}

button.hpStdButton {
   height:22px;
   color: #ffffff; 
/*   min-width:89px; */
}

button.hpStdButtonLarge {
   height:22px;
   color: #ffffff;  
   text-align:center;
/*   min-width:110px; */
}

/* works to eliminate the pushed-in button movement on mozilla, 
at the expense of an extra pixel of button jutting out on the 
left side during the pushed-in state.   
button.hpButton:active,input.hpButton:active {
   margin-left:-1px;
   margin-right:1px;
} */

div.buttonSet, div.verticalButtonSet {
   padding-left:13px;
}

/* LABEL, TEXT,  NOTES  */
.pad10 {
   padding:10px;
}
.pad5 {
   padding:5px;
}
.pad6x10 {
   padding:6px 10px;
}

td.toppad {
   padding-top:6px;
}

/* table cell padding */
table.tablePad3 td {
   vertical-align: top;
   padding-bottom: 3px;
}

table.tablePad3Hidden td {
    vertical-align: top;
    padding-bottom: 3px;
    visibility: hidden;
}
table.tablePad3Visible td {
    vertical-align: top;
    padding-bottom: 3px;
    visibility:visible;
}

td.tableCellNote {
   padding: 3px 0 9px 0 !important;
}

/* summary tables */
tr.summaryRow td{
	background:#fff;
}
tr.summaryRow td {
	border-top:1px solid #999;
	text-align:right;
	font-weight:bold;
}
tr td.rowSummaryCell,tr.altRowColor td.rowSummaryCell {
	background: #F9F9F9;
	font-weight:bold;
	text-align:right;
}

/* LIST STYLES  */
ul,ol {padding-top:5px;margin-top:0px;padding-bottom:10px;margin-bottom:0px;}
ul ul, ol ol, ul ol, ol ul {padding-top:0px;padding-bottom:10px;margin-top:0px;margin-bottom:0px;}
ul {margin-left: 22px; padding-left: 0px;}
ol {margin-left: 22px; padding-left: 0px;}

         ul li,
     ol ul li,
ol ul ul li,
ol ol ul li,
ul ol ul li
{
   list-style-image:url(./gif/bullet.gif);
   margin-bottom:2px;
}
         ol li,
     ul ol li,
ul ol ol li,
ul ul ol li,
ol ul ol li
{
   list-style-image:none;
}
ol li ol li {
   list-style:lower-alpha;
}
ol li ol li ol li {
   list-style:lower-roman;
}

/*titles and subtitles*/

h3.subTitle {
   background-color:#666;
   font-weight:bold;
   color:#fff;
   padding:3px 5px 3px 9px;
   margin:0px;
   font-size:102%;
}
div.subtitleBottomEdge {
   height:3px;
   overflow:hidden;
   background:#484848;
}

.buttonHelp { 
   margin-left:5px;
   background-color:#86BB5B; 
   color: #ffffff; 
   font-weight:bold;
   text-decoration: none;   
   font-family: Arial,sans-serif;
   text-align:center;
   cursor:pointer;
   cursor:hand;
   width:18px;
   height:22px;
}

/*.buttonB { 
   margin-right:5px;
   margin-left:5px;
   background-color:#86BB5B; 
   color: #ffffff; 
   font-weight:bold;
   text-decoration: none;   
   font-family: Arial,sans-serif;
   text-align:center;
   cursor:pointer;
   cursor:hand;
   width:95px;
   height:19px;
}*/

/* TABLES */

/* table borders */

.dataTable, .propertyViewTable {
   border-right: #968f89 1px solid; 
   border-top: #968f89 0px solid;
   border-left: #968f89 1px solid; 
   border-bottom: #968f89 1px solid; 
   border-collapse: collapse
}

.scrollingTable {
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
}

/* scrollingTable's left border is provided by it's scrollingTableDiv */
.scrollingTable {
   border-left-width:0px;
}

.dataTable td, 
.scrollingTable td, 
.propertyViewTable td {
   padding:2px 5px 1px 5px;
   border-top:1px solid #ccc;
   vertical-align:top;
}

.dataTable td, 
.scrollingTable td,
.propertyViewTable td {
   padding:2px 5px 1px 5px;
}

.propertyViewTable {
   width:100%;
}

tr.captionRow th {
   background-color:#968F89;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding:3px 5px 2px 5px;
   color:#fff; 
   border-right:1px solid #ccc;
}

tr.headRow th {
   background-color:#968F89;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding:3px 5px 2px 5px;
   color:#fff; 
}

/* Taken from default.css */
caption { 
   background-color:#716B66;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding:3px 5px 2px 5px;
   color:#fff; 
}
/* ---- */

caption.displayForAuralBrowsersOnly {
   display:none;
}

/* table links */
tr.captionRow a:link,
tr.captionRow a:visited,
tr.captionRow a:active,
tr.captionRow a:hover {
   color:#fff;
   text-decoration:none;
}

/* table row colors */
tr.altRowColor td { 
   background-color:#f5f5f5;
}

.dataTable tr.rowHighlight td, 
.scrollingTable tr.rowHighlight td,
.propertyViewTable tr.rowHighlight td {
   background-color:#9cf;
}


/* for scrolling tables. */
table.scrollingTable {
   width:100%;
}

/*tr.dummyRow td {
   padding-top:0px;
   padding-bottom:0px;
}
tr.dummyRow div{
   height:1px;
   overflow:hidden;
}

.scrollingTableDiv {
   clear:both;
   overflow:auto; 
   width:100%;
   border:1px solid #968F89;
   border-top-width:0px;
   margin-bottom:10px;

}*/

div.butSet {
   float:right;
   margin-bottom:10px;
}

.pad7Btm0 {
   padding: 7px 10px 0 10px;
}

/* table padding */

.dataTable th.checkboxCell,.scrollingTable th.checkboxCell, .propertyViewTable th.checkboxCell,
.dataTable td.checkboxCell,.scrollingTable td.checkboxCell, .propertyViewTable td.checkboxCell {
   padding:0px 5px;
}
.dataTable td.editableFieldCell,.scrollingTable td.editableFieldCell, .propertyViewTable th.editableFieldCell,
.dataTable th.editableFieldCell,.scrollingTable th.editableFieldCell, .propertyViewTable th.editableFieldCell {
   padding:2px 4px;
}

/* table alignment */

.dataTable td.numericalCell,
.dataTable th.numericalCell {
   text-align:right;
}

.dataTable td.textCell,
.dataTable th.textCell {
   text-align: center
}

/* custom printer overview */
table.threePanel {
   border-top: 10px solid #efefef;
   border-right: 5px solid #efefef;
   border-bottom: 10px solid #efefef;
   border-left: 5px solid #efefef;
}
table.threePanel td {
   vertical-align: top;    
}

td.panelBorderRt {
   border-right: 5px solid #eeeeee;
}

#inkStatus td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   padding: 6px 0 6px 6px;
}

.statusPane {
   height: 100%; 
   overflow: auto; 
   padding: 7px 10px 7px 10px;
}

table.wizardpage {
   width : 500px;
   # height: 100%;
   border: 7px solid #ccc;
}
td.wizardcontent {
   # height: 100%;
   vertical-align: top;
}
tr.tabbedcontent {
   background-color: #eeeeee;
}
.front {  
   background-color : #cccccc; 
} 

/* alert messages */

table.alertBox {
   border: 7px solid #ccc;
   padding: 15px 15px 10px 15px;
   min-height: 108px;
   width: 311px;
   text-align: center;
}

td.alertBoxTitle {
   font-size: 120%;
   font-weight: bold;
}

td.alertBoxIcon {
   width: 56px;
   vertical-align: top;
}

td.alertBoxMessageWithIcon {
   padding-left: 0px;
   text-align: left;
}

td.alertBoxMessage {
   padding-left: 15px;
   text-align: left;
}

td.alertBoxButtons {
   height: 62px;
   vertical-align: bottom;
}


/* progress bar */

div.progressBarSmall {
   height:10px;
   background:url(./gif/progress_bar_small.gif);
   overflow:hidden;
   width:150px;
}

div.progressBarLarge {
   height:10px;
   background:url(./gif/progress_bar_large.gif);
   overflow:hidden;
   width:300px;
}

div.progressBar {
   position:relative;
   height:10px;
   background-color:#333333;
   width:0px;
   padding-top:5px;
   padding:0px; 
}

.progressBarTitle {
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:120%;
}

/* margins and spacers */
.gutter {
   height: 8px;
   font-size: 1px;
   background-color: #fff;
}

/* tooltip */
#tooltip {
   visibility: hidden;
   position: absolute;
   left: -300px;
   border: 1px solid #999;
   padding: 2px 4px 4px 4px;
   background-color: #efefef;
   color: #000000;
   z-index: 100;
   white-space: nowrap;
   filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction='135',strength='2');
}

button.hpButton,input.hpButton {
   padding:0px 13px 0px 10px;
   height:21px;
/*   min-width:86px; */
   color: #ffffff; 
}

/* step number display in wireless wiz pages */
input.step_display {
   width: 10px;
   border: 1px;
   text-align: left;
   font-weight:bold;
}

input.clock_display {
   width: 180px;
   border: 0px;
   text-align: right;
}

td.info {  
   color: #FFFFFF;
   font-weight: bold;
   background-color:#968f89;
}

.warning {
   color: red;
}

/* Taken from EWS.css */
.hpGasGaugeBlock {
   background-color: #eeeeee; 
   width: 15px; 
   cursor: hand;
}

.hpGasGaugeAlerts {
   padding-top: 4px;
}
/* toolbar */
.toolbar {
	border-top: 2px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	padding: 0px 0px 3px 0px;
}
.tWrapperDown {
	background-color: #968F89;
	height: 20px;
}
.tWrapperDown a {
	color: #fff !important;
}
.tWrapperOver {
	background-color: #efefef;
	height: 20px;
}
.toolbar a:link,
.toolbar a:visited,
.toolbar a:active {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.toolbar a:hover {
	color: #666;
	text-decoration: none;
}
.toolbar td {
	border-bottom: 3px solid #999;
	vertical-align: top;
	white-space: nowrap;
}
.toolbar td div {
	float: left;
	padding: 4px 3px 0 3px;
	margin: 0 2px 0 2px;
	height: 21px;
	cursor: hand;
}
.toolbar td img {
	padding-right: 4px;
}
.toolbar div.toolDivider {
	padding: 0;
	margin: 0;
	height: 25px;
	width: 4px;
	font-size: 1px;
	background-image:url(../gif/divider.gif);
	cursor: default;
}
h3.trayTitle {
   background-color:#968F89;
   font-weight:bold;
   color:#fff;
   padding:3px 5px 3px 9px;
   margin:0px;
   font-size:102%;
}

table.trayTable {
   border:1px solid #ccc;
}

.requiredField {
   font-style: italic;
   font-weight: bold;
   color: red;
}


td.nested1,
td.nested2,
td.nested3,
td.nested4,
td.nested5{
	padding-right:10px;
}

td.nested1 {
	padding-left:	21px;
}
td.nested2 {
	padding-left:	38px;
}
td.nested3 {
	padding-left:	55px;
}
td.nested4 {
	padding-left:	72px;
}
td.nested5 {
	padding-left:	89px;
}
td.nested1 div.treeTitle,
td.nested2 div.treeTitle,
td.nested3 div.treeTitle,
td.nested4 div.treeTitle,
td.nested5 div.treeTitle{
	margin-left:-16px;
}

.textcolorblue{
 color: blue;
}

/** Same attributes as div.bWrapperDisabled in green_theme.css.
    This copy is needed as ewm does not use wrapper for buttons **/

input.hpButtonDisable {
   background-color:#c1c1c1;
   color:#fff;
}

.direction_align {
   unicode-bidi: embed;
}


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


/* height:auto , overflow visible  vs height 18px, overflow hidden, works for a while, but leads you into a nasty set of bugs with float:left, negative margins, and even negative relative positions. */
/* this line is long and crazy cause we are combining two toggling states in one pair of classes, so there's a few combinations to take care of */
div.treeClosed div.treeContents,
div.treeOpen div.treeClosed div.treeContents,
div.treeClosedSelected div.treeContents,
div.treeOpenSelected div.treeClosed div.treeContents,
div.treeOpen div.treeClosedSelected div.treeContents,
div.treeOpenSelected div.treeClosedSelected div.treeContents {
	display:none;
}

div.treeOpen div.treeContents,
div.treeClosed div.treeOpen div.treeContents,
div.treeOpenSelected div.treeContents,
div.treeClosedSelected div.treeOpen div.treeContents,
div.treeClosed div.treeOpenSelected div.treeContents,
div.treeClosedSelected div.treeOpenSelected div.treeContents {
	display:block;
}
div.treeOpen,div.treeOpenSelected,
div.treeClosed,div.treeClosedSelected {
	/*width:400px;*/ /* prevent permanent scrollbars in left menu */
}


div.treeOpen,
div.treeClosed,
div.treeContents div.leaf,
div.treeContents div.leafSelected, 
div.treeTitle,
div.treeCheckbox,
div.treeStatusIcon,
div.leafWrapper div{
	white-space:nowrap;
}

div.treeTitle {
	font-weight:bold;
	display:table; /* fixed title overlap in safari and opera */
}

div.treeWrapper {	
	background:#fff;
	padding:2px;
	margin:0px;
	overflow:auto;
	/*border:1px solid #ccc;*/ /* removed tree border */
	display:inline-table; /* fixed wrapped tree title in safari */
        width:98%; /* fixed title overlap in safari and opera */
}	


/*  the row divider style, consisting of empty divs of class treeBorder, placed between each element in the tree.*/
div.treeBorder {
clear:both;
	height:1px;
	overflow:hidden;
	background:#EEEEEE;
}
div.treeThickBorder {
clear:both;
	height:3px;
	overflow:hidden;
	background:#EEEEEE;
}


div.treeControl {
	height:13px;
	margin-right:5px; 
}
/* Attempts to specify height as well as width can result in ie bugs with visibility of trees, if the height is too high. */
div.treeDisclosure {
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	cursor:hand;
}
/* various paddings and margins for alignment */

div.treeDisclosure {
	margin-top:2px;
}

* html div.treeHasCheckboxes div.treeDisclosure{
	margin-top:4px;	
}
div.treeDisclosure {
	margin-right:2px;
}
* html div.treeDisclosure {
	margin-right:1px;
}


div.treeWrapper div.treeControl {
	margin-right:3px; 
}
* html div.treeWrapper div.treeControl {
	margin-right:0px; 
}

div.treeWrapper div.treeTitle {
	padding-top:2px;
}
div.leaf,
div.leafSelected {
	padding-top:1px;
}

* html div.treeHasCheckboxes div.treeTitle,
* html div.treeHasCheckboxes div.leaf,
* html div.treeHasCheckboxes div.leafSelected{
	padding-top:3px;
}


div.treeCheckbox{
	padding-top:2px;
}
* html div.treeCheckbox{
	padding-top:0px;
}
div.treeStatusIcon {
	padding-top:0px;
}
* html div.treeHasCheckboxes div.treeStatusIcon {
	padding-top:3px;
}
div.treeIdentifierIconsAtDisclosurePosition div.leaf,
div.treeIdentifierIconsAtDisclosurePosition div.leafSelected {
	position:relative;
	left:-17px;
}
img.treeIdentifierIcon {
	vertical-align:middle;
	margin-top:-1px;
}

div.treeCheckbox input {
	margin:0px;
	padding:0px;
}

/* --------------------------------- */
/*  TREE - HEIGHT AND WIDTH STYLES   */
/* --------------------------------- */


/* setting of fixed heights is to resolve misalignments with float:left.   The more straightforward approach of setting clear:both on appropriate elements unfortunately exposes browser bugs.*/
/* taking out leafWrapper causes float problems of wrapping against checkboxes. */
div.leafWrapper,
div.leafWrapperSelected,
div.treeControl {
	height:17px;
}


/*  strange enough to take note of: removing treeTitle can cause problems on IE with dissappearing elements */
* html div.treeHasCheckboxes div.leafWrapper,
* html div.treeHasCheckboxes div.leafWrapperSelected{
	height:20px;
}

div.treeWrapper div.treeTitle {
	height:15px;
}
div.leaf,
div.leafSelected {
	height:16px;
}
* html div.leaf,
* html div.leafSelected {
	height:17px;
}

* html div.treeHasCheckboxes div.treeTitle {
	height:17px;
}

* html div.treeHasCheckboxes div.leaf,
* html div.treeHasCheckboxes div.leafSelected {
	height:20px;
}


div.treeCheckbox {
	width:20px;
	margin-left:3px;
}
* html div.treeCheckbox {
	width:24px;
	margin-left:-1px;
}

div.treeStatusIcon {
	padding-left:2px;
	width:22px;
}


/* ------------------------------ */
/*  TREE - FLOAT AND CLEAR STYLES */
/* ------------------------------ */
div.treeControl,div.leafWrapper{
	clear:both;
}
div.treeDisclosure {
	float:right;
}

div.treeCheckbox,div.treeStatusIcon,div.treeIdentifierIcon {
	float:left;
}
div.treeOpen div.treeControl, div.treeOpenSelected div.treeControl {
	float:left;
}
div.treeClosed div.treeControl, div.treeClosedSelected div.treeControl {
	float:left;
}
/* caveat: combining float left on treeTitle and clear both on treeContents causes extra whitespace problems in mozilla when closing all trees. 
our solution is to set all the element heights to the same value, so that the last element of a float will reset all the way back to the left edge*/
div.treeContents {
	clear:both;
}
div.treeMasterCheckbox {
	float:left;
	margin-top:-5px;
	padding-left:2px;
	margin-bottom:2px;
}

/* -------------------------- */
/*  TREE - BACKGROUND  STYLES */
/* -------------------------- */


div.leafWrapperSelected {
	background:#9cf;
}

div.leafSelected {
	background:#9cf;
}
div.treeClosedSelected,div.treeOpenSelected {
	background:#9cf;
}
div.treeOpenSelected div.treeContents {
	background:#fff;
}
/* on the treeHasNavigationHighlighting, you dont want highlighting to go behind any checkboxes or status icons*/
div.treeCheckbox, div.treeStatusIcon, div.treeControl {
	background:#fff;
}
div.treeHasCheckboxHighlighting div.treeCheckbox, 
div.treeHasCheckboxHighlighting div.treeStatusIcon,
div.treeHasCheckboxHighlighting div.treeControl {
	background:transparent;
}


div.treeOpen div.treeDisclosure,
div.treeOpenSelected div.treeDisclosure {
	background-image:url(./gif/button_tree_contract.gif);
}
div.treeClosed div.treeDisclosure,
div.treeClosedSelected div.treeDisclosure {
	background-image:url(./gif/button_tree_expand.gif);
}
div.treeDisclosure{
	background-repeat:no-repeat;
}


/* --------------------------------------------- */
/*  TREE - INSETS FOR VARIOUS LEVELS OF NESTING  */
/* --------------------------------------------- */
div.treeControl {
	width:17px;
}

div.treeContents div.treeControl {
	width:34px;
}
div.treeContents div.treeContents div.treeControl {
	width:51px;
}
div.treeContents div.treeContents div.treeContents div.treeControl {
	width:68px;
}
div.treeContents div.treeContents div.treeContents div.treeContents div.treeControl {
	width:85px;
}
div.leaf,
div.leafSelected {
	margin-left:17px;
	padding-left:3px;
}
div.treeContents div.leaf,
div.treeContents div.leafSelected {
	margin-left:34px;
}
div.treeContents div.treeContents div.leaf,
div.treeContents div.treeContents div.leafSelected {
	margin-left:51px;
}
div.treeContents div.treeContents div.treeContents div.leaf,
div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:68px;
}
div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:85px;
}
div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:102px;
}

/* same deal, but with spacing to include one icon or one checkbox per row, there's more space.  */
div.treeHasOneIconSpacing div.treeControl {
	width:40px;	
}
div.treeHasOneIconSpacing div.treeContents div.treeControl {
	width:57px;
}
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeControl {
	width:74px;
}
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeControl {
	width:91px;
}
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeControl {
	width:108px;
}


div.treeHasOneIconSpacing div.leaf,
div.treeHasOneIconSpacing div.leafSelected{
	margin-left:40px;
}
div.treeHasOneIconSpacing div.treeContents div.leaf,
div.treeHasOneIconSpacing div.treeContents div.leafSelected{
	margin-left:57px;
}

div.treeHasOneIconSpacing div.treeContents div.treeContents div.leaf,
div.treeHasOneIconSpacing div.treeContents div.treeContents div.leafSelected {
	margin-left:74px;
}

div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:91px;
}
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:108px;
}
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:125px;
}


* html div.treeHasOneIconSpacing div.leaf,
* html div.treeHasOneIconSpacing div.leafSelected{
	margin-left:37px;
}

* html div.treeHasOneIconSpacing div.treeContents div.leaf,
* html div.treeHasOneIconSpacing div.treeContents div.leafSelected{
	margin-left:54px;
}

* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.leaf,
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.leafSelected {
	margin-left:71px;
}

* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:88px;
}
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:105px;
}
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasOneIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:122px;
}



/* same deal, but with spacing to include two icons or checkboxes per row, there's more space (Specifically, the two legal combinations are icon + icon and   checkbox+icon ).  */
div.treeHasTwoIconSpacing  div.treeOpen div.treeControl, 
div.treeHasTwoIconSpacing  div.treeOpenSelected div.treeControl,
div.treeHasTwoIconSpacing  div.treeClosed div.treeControl, 
div.treeHasTwoIconSpacing  div.treeClosedSelected div.treeControl{
	width:63px;
}
div.treeHasTwoIconSpacing  div.treeContents div.treeControl {
	width:80px;
}
div.treeHasTwoIconSpacing  div.treeContents div.treeContents div.treeControl {
	width:97px;
}
div.treeHasTwoIconSpacing  div.treeContents div.treeContents div.treeContents div.treeControl {
	width:114px;
}
div.treeHasTwoIconSpacing  div.treeContents div.treeContents div.treeContents div.treeContents div.treeControl {
	width:131px;
}


div.treeHasTwoIconSpacing div.leaf,
div.treeHasTwoIconSpacing div.leafSelected{
	margin-left:63px;
}
div.treeHasTwoIconSpacing div.treeContents div.leaf,
div.treeHasTwoIconSpacing div.treeContents div.leafSelected{
	margin-left:80px;
}
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.leaf,
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.leafSelected {
	margin-left:97px;
}
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:114px;
}
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:131px;
}
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:148px;
}


* html div.treeHasTwoIconSpacing div.leaf,
* html div.treeHasTwoIconSpacing div.leafSelected{
	margin-left:60px;
}
* html div.treeHasTwoIconSpacing div.treeContents div.leaf,
* html div.treeHasTwoIconSpacing div.treeContents div.leafSelected{
	margin-left:77px;
}
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.leaf,
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.leafSelected {
	margin-left:94px;
}
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:111px;
}
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:128px;
}
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leaf,
* html div.treeHasTwoIconSpacing div.treeContents div.treeContents div.treeContents div.treeContents div.treeContents div.leafSelected {
	margin-left:145px;
}

.homeContentPane {
	border-right: #ccc 7px solid; 
	border-top: #ccc 7px solid; 
	vertical-align: top; 
	border-left: #ccc 7px solid; 
	border-bottom: #ccc 7px solid
}
.homeTitle {
	font-weight: bold; 
	text-align: center
}
.homePanelRow {
	vertical-align: top
}
.homePanel {
	border-right: #968f89 1px solid; 
	border-top: #968f89 0px solid; 
	border-left: #968f89 1px solid; 
	border-bottom: #968f89 1px solid; 
	height: 440px
}
.homePanel tr {
	vertical-align: top
}
.homePanelTitle {
	padding-right: 5px; 
	padding-left: 5px; 
	font-weight: bold; 
	font-size: 150%; 
	padding-bottom: 2px; 
	vertical-align: top; 
	color: #fff; 
	padding-top: 3px; 
	background-color: #968f89; 
	text-align: center
}