FORM {
  margin: 0px;
  padding: 0px;
}
BODY, TH, TD {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  margin: 0px;
}
IMG {
  border: none;
}
TH, TD {
  vertical-align: top;
}
DIV#Contracts TABLE.view TD {
  font-size: 9pt;
}
BODY {
  padding: 1em;
}
a {
  text-decoration: none;  
  color: #0000ee;
}
a:hover {
  text-decoration: underline;
}
TABLE.fieldEdit TD {
  vertical-align: top;
}
TABLE.fieldEdit LABEL {
  white-space: nowrap;
  color: #393966;
  width: 2%;
}
DIV.horizontalMenu {
  font-size: 8pt;
  padding-top: 0.3em;
  padding-left: 1em;
  padding-bottom: 0.3em;
  padding-right: 1em;
}
DIV.horizontalMenu A {
  padding-left: 1em;
  padding-right: 1em;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
DIV.horizontalMenu A.currentMenu {
  font-weight: bold;
}
DIV.loggedInAs {
  position: absolute;
  right: 20px;
  font-style: italic;
  font-size: 9pt;
}
DIV.spaceHeader .logo {
  padding-right: 1em;
}
DIV.spaceHeader .headerText {
  font-size: 20pt;
  vertical-align: 40%;
}
.spaceMenuBox {
  background-color: #efefff;
  border: 1px solid #d0d0d0;
}
.expenditureMenuBox {
  background-color: #efffef;
  border: 1px solid #d0d0d0;
}

DIV.spaceFooterDivider {
  font-size: 4pt;
  clear: both;
  border-bottom: 1px solid #d0d0d0;
}
DIV.spaceFooter {
  text-align: center;
  font-size: 8pt;
  color: #333333;
}
DIV.spaceFooter a {
  color: #333399;
}
DIV.spaceBody {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
DIV.spaceAdminMenu {
  float: right;
  font-size: 8pt;
  padding: 0.5em;
  margin-bottom: 1em;
}
DIV.spaceAdminMenu H1 {
  font-size: 12pt;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
DIV.spaceAdminMenu UL {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 1.2em;
  padding: 0px;
}
DIV.spaceAdminBody {
  padding: 0.5em;
}
.expFilterHeader {
  font-weight: bold;
  font-size: 8pt;
  color: white;
  border: 2px solid #ccbbcc;
  background-color: #ccbbcc;
  margin-top: 2px;
}
.expFilterHeader A {
  color: white;
}
.expFilterBody {
  margin-left: 4px;
  margin-right: 2px;
  border: 2px solid #cccccc;;
  border-top: none;
  font-size: 9pt;
  padding: 2px;
}
FIELDSET.viewFilter {
  border: 1px solid black;
  padding: 10px;
  margin: 0px;
}
FIELDSET.viewFilter LEGEND {
  font-weight: bold;
}
DIV.viewFilterHeader {
  font-size: 8pt;
  white-space: nowrap;
}
TD.viewFilterCell {
  vertical-align: baseline;
  padding-right: 9px;
  padding-bottom: 5px;
}
FIELDSET.viewFilter SPAN.goButton, FIELDSET.viewFilter A.goButton, .expenditureFilter A.goButton {
  font-size: 8pt;
  color: black;
  border: 1px solid black;
  padding: 2px;
  cursor: pointer;
  cursor: hand;
}
FIELDSET.viewFilter A.goButton:hover, .expenditureFilter A.goButton {
  border: 2px solid black;
  padding: 1px;
  text-decoration: none;
}
.expenditureFilter A.goButton {
  position: relative;
  top: -2px;
}
.expenditureFilter A.goButton:active {
  color: gray;
  border: 1px solid gray;
}

TD.mandatoryField {
  color: #dd0000;
  font-weight: bold;
}
TD.errorField {
  background-color: #ffdddd;
  padding: 3px;
}
.errorText {
  color: #bb0000;
}
table.contractInfoPopup TH {
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
  color: #393966;
  vertical-align: top;
  font-size: 8pt;
}
table.contractInfoPopup TD {
  white-space: nowrap;
  vertical-align: top;
  font-size: 8pt;
  padding-left: 0.5em;
}
div.actionButtonBar span.actionButton, div.actionButtonBar a.actionButton, span.actionButtonBorderFix span.actionButton, span.actionButtonBorderFix a.actionButton, div.actionButtonBorderFix a.actionButton {
  vertical-align: top;
  position: relative;
  top: 3px;
}

span.actionButton, a.actionButton {
  background: #666666 url('/filesystem/nip_buttons_shade_short.png') repeat-x;
  font-size: 8pt;
  border: 1px solid #666666;
  color: white;
  padding: 2px;
  cursor: pointer;
  cursor: hand;
}
/* Graceful degrade for IE 6 */
* html a.actionButton {
  background-image: none;
  background-color: #909090;
}
a.actionButton:hover {
  text-decoration: none;
  padding: 1px;
  border-width: 2px;
  border-style: outset;
}
a.actionButton:active {
  text-decoration: none;
  padding: 1px;
  border-width: 2px;
  border-style: inset;
}

table.editHistory TR TD {
  border-bottom: 1px solid #dddddd;
}

div.actionButtonBar {
  font-weight: bold;
  color: white;
  float: right;
}
div.actionButtonBar a {
  display: -moz-inline-box; 
  display: inline-block; 
  background: url('/filesystem/crs_button_left.png') no-repeat top left;
  line-height: 24px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  cursor: pointer;
  cursor: hand;  
}
div.actionButtonBar a span {
  padding-left: 7px; padding-right: 7px;
  display: -moz-inline-box; 
  display: inline-block;
  background: url('/filesystem/crs_button_right.png') no-repeat top right;
  line-height: 24px;
}
div.actionButtonBar a:hover {
  color: #f0f0f0;
  text-decoration: none;
}

img.pointerCursor {
  cursor: pointer;
  cursor: hand;
}
h2.recordDisplayTitle {
  margin: 0px;
  padding: 0px;
}
div.recordDisplayBody {
  border-bottom: 1px solid #777777;
  border-top: 1px solid #777777;
  margin-bottom: 3px;
  margin-top: 3px;
}
div.bodySection {
  margin-top: 8px;
  margin-bottom: 8px;
}
div.bodySectionHeader {
  border: 2px solid #8496ad;
  background-color: #8496ad;
  font-weight: bold;
  color: white;
  zoom: 1; /* Work around IE 6 display issues */
}
div.bodySectionHeader a {
  color: white;
}
div.bodySectionBody {
  border: 2px solid #8496ad;
  border-top: none;
  margin-left: 6px;
  margin-right: 4px;
  padding: 4px;
}
div.bodySectionHeaderEditHistory {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
}
div.bodySectionBodyEditHistory {
  border-color: #a0a0a0;
}
TABLE.standardBorderedTable, TABLE.standardBorderedTable TH {
  border: 2px solid black;
  border-collapse: collapse;
  border-spacing: 0;  
}
TABLE.standardBorderedTable TD {
  border: 1px solid black;
}
div.dialogueBox {
  font-weight: normal;
  color: black;
  background-color: white;
  position: absolute;
  width: 400px;
  display: none;
  border: 2px solid black;
}
div.dialogueBox form {
  padding: 4px;
}
div.dialogueBox div.dialogueTitle {
  background-color: gray;
  color: white;
  text-align: center;
}
tr.viewRowNoBorder td.leftCell, tr.viewRowNoBorder td.middleCell, tr.viewRowNoBorder td.rightCell {
  border-bottom: none;
}
table.expenditure {
  border-collapse: collapse;
}

table.expenditure th.headerCorner {
  border-bottom: 1px solid gray;
}
table.expenditure th.rowHeader {
  text-align: left;
  border-right: 2px solid black;
  border-bottom: 1px solid gray;
}
table.expenditure th.columnHeader {
  border-bottom: 2px solid black;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.expenditure td {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid gray;
  text-align: right;
  font-size: 9pt;
  padding: 1px;
}

table.expenditure td.rowCount {
  background-color: #dddddd;
}
table.expenditure th.rowCount {
  border-left: none;
  border-bottom: 2px solid black;
}

table.expenditure td.tableColumnNameSupplierCode, table.expenditure td.tableColumnNameSupplierName, table.expenditure td.tableColumnNameAccountCode, table.expenditure td.tableColumnNameAccountName, table.expenditure td.tableColumnNameDepartmentCode, table.expenditure td.tableColumnNameDepartmentName, table.expenditure td.tableColumnNameClassificationCode, table.expenditure td.tableColumnNameClassificationName, table.expenditure td.tableColumnNameClassification, table.expenditure td.tableColumnNameClassificationAggregation  {
  text-align: left;
}
/* table.expenditure td.tableColumnNameClass  used to be in the next list, but it's actually used as a count now - the full name is used for the classification column */
table.expenditure td.tableColumnNameSuppCode, table.expenditure td.tableColumnNameSuppName, table.expenditure td.tableColumnNameAcctCode, table.expenditure td.tableColumnNameAcctName, table.expenditure td.tableColumnNameDeptCode, table.expenditure td.tableColumnNameDeptName, table.expenditure td.tableColumnNameClassCode  {
  text-align: left;
}

table.expenditure .oeaCatHier a {
  width: 1em;
  float: left;
}
table.expenditure .oeaCatHierLevel2 {
  margin-left: 30px;
}
table.expenditure .oeaCatHierLevel3 {
  margin-left: 60px;
}
table.expenditure tr.totalFooter td, table.expenditure tr.totalFooter th {
  border-top: 2px solid black;
  font-weight: bold;
}
table.expenditure a {
  color: #1111aa;
}
div.tablePaging {
  padding: 0.5em;
}
div.tablePaging a.page {
  border: 1px solid black;
  padding: 1px 4px 1px 4px;
  color: black;
}

div.tablePaging a.page:hover {
  border: 2px solid black;
  padding: 0px 3px 0px 3px;
}

div.tablePaging a.page:visited {
  color: black;
}

div.tablePaging span.inactive {
  border: 1px solid gainsboro;
  color: gainsboro;
  padding: 1px 4px 1px 4px;
}

div.tablePaging span.currentPage {
  border: 2px solid #FF40D8;
  color: #FF40D8;
  padding: 0px 3px 0px 3px;
  font-weight: bold;
}
tr.contractViewRowStatusClosed td {
  background-color: #fff5f5;
}
tr.contractViewRowStatusClosed td.leftCell {
  background-color: transparent;
}
tr.contractViewRowStatusUpcoming td {
  background-color: #f5fff5;
}
tr.contractViewRowStatusUpcoming td.leftCell {
  background-color: transparent;
}
.crsTabs { margin: 5px; margin-bottom: 0px; overflow: visible; width: 100%; margin-top: 9px; }
div.contractsViewOuter, div.expenditureTabbedViewOuter { margin: 2px; margin-top: 0px; border: 1px solid gray; padding: 2px;  zoom: 1; }
.crsTabs a { display: -moz-inline-box; display: inline-block; padding: 4px; border: 1px solid gray; border-bottom: 1px solid #f6f4f9; margin-left: 3px; font-size: 12px; background-color: #e6e6e6; }
.crsTabs a.activeTab { top: 1px;  position: relative; background-color: transparent; }

.spaceSFMenuBox { border: none; font-size: 11px; background: none; padding: 0px; margin: 0px; padding-top: 10px;}
.expenditureSFMenu { font-size: 11px; }
.sf-menu { margin-bottom: 0px; }
.sf-menu li { background-image: url(/filesystem/crs_menu_bg.jpg); }
.sf-menu a, .sf-menu a:visited { color: white; }
.sf-menu li li {
	background:		#5173ad;
}
.sf-menu li li li {
	background:		#5173ad;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, sf-menu a:active {
	background:		#7b99cc;
	outline:		0;
        z-index: 3;
}
ul.sf-menu a { border-top: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; }
ul.sf-menu ul { width: 15em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; }
/* For rounded corners, used so far on the contracts filter form */
form.contractsFilter, form.expenditureFilter { background-color: #e5e5e5; margin-bottom: 4px; }

b.rtop, b.rbottom { display:block; background: #FFF} /* Setting the corner color, use different color for different layout */

b.rtop b, b.rbottom b {display:block;height: 1px; overflow: hidden; background: #e5e5e5;}/* Setting the strip size and background color */

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px}

/* For cpv picker */
ul.cpvTree, ul.cpvTree ul { list-style-type: none; margin-top: 0px; }
ul.cpvTree ul.hideContents { display: none; }
ul.cpvTree .collapseExpand { display: block; float: left; width: 15px; }
ul.cpvTree .collapseExpand .hideContents span.collapseTree { display: none; }
ul.cpvTree .collapseExpand .hideContents span.expandTree { cursor: pointer; cursor: hand; }
ul.cpvTree .collapseExpand .showContents span.collapseTree { cursor: pointer; cursor: hand; }
ul.cpvTree .collapseExpand .showContents span.expandTree { display: none; }
ul.cpvTree .searchMatch { font-weight: bold; }
ul.cpvTree li.noChildren { padding-left: 15px; }
#cpvSearchResults { width: 620px; height: 400px; overflow: auto; border: 1px solid gray; font-size: 12px; }