BODY {
   background: #ffffff;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, Tahoma, franklin gothic medium cond, sans-serif;
   margin: 0 0 0 0;   
}

BODY.login {
   background: #ededed;
   color: #000000;   
}

BODY LI {
   padding: 0;
}

A {
   COLOR: #5C8BBA;
   TEXT-DECORATION: none;
   FONT-SIZE: inherit;
   FONT-FAMILY: inherit;
}

A:hover {
   COLOR: #EAB719;
   TEXT-DECORATION: none;
   FONT-SIZE: inherit;
   FONT-FAMILY: inherit;
}

H2, H1{
   font-weight: 700;
   color: #424242;
   margin-top: 4px;
   margin-left: 2px;
   margin-bottom: 4px;
   margin-right: 2px;
}

P {
   margin-top: 12px;
   margin-left: 2px;
}

hr {
   color: #C4CED4;
   margin-top: 0;
   margin-bottom: 0;
}

IMG {
   border: 0;
}

TD.menulogo, TD.menulogoSpace {
   PADDING-RIGHT: 30px;
   PADDING-LEFT: 15px;
   BACKGROUND-COLOR: #ffffff;
   PADDING-BOTTOM: 0px;
   PADDING-TOP: 0px;
   BORDER-BOTTOM: #C4CED4 1px solid;
}

TD.menulogoSpace {
   PADDING-TOP: 5px;
   PADDING-BOTTOM: 10px;
}

TD.headlink, TD.headlink-first {
   PADDING-RIGHT: 1px;
   PADDING-LEFT: 1px;
   BACKGROUND: #ffffff url("../images/style-wine/bgblue.gif");
   BORDER-BOTTOM: #333333 1px solid;
}

TD.headlink-first {
   PADDING-LEFT: 0px;
}

TD.headlinkon {
	PADDING-RIGHT: 0px;
   PADDING-LEFT: 0px;
   BACKGROUND: #ffffff url("../images/style-wine/bgblue.gif");
}

TD.headlinkspacer {
	PADDING-RIGHT: 0px;
   PADDING-LEFT: 1px;
   BACKGROUND: #ffffff url("../images/style-wine/bgblue.gif");
   BORDER-BOTTOM: #333333 1px solid;
}

TD.menuspacer {
	BACKGROUND: #ffffff;
   BORDER-BOTTOM: #333333 1px solid;
}

TD.menutabletaboff {
	padding-right: 7px;
   border-top: #555555 1px solid;
   padding-left: 7px;
   font-weight: bold;
   background-image: url("../images/style-wine/bg-boton.jpg");
   color: #dddddd;
   background-color: #eeeeee;
   text-align: center;
}

TD.menutabletaboff_left {
	PADDING-RIGHT: 2px;
   PADDING-LEFT: 0px;
   FONT-WEIGHT: bold;
   BACKGROUND-POSITION: left top;
   BACKGROUND-IMAGE: url("../images/style-wine/bg-boton-left.jpg");
   BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-COLOR: #eeeeee;
   COLOR: #dddddd;
   TEXT-ALIGN: center;
}

TD.menutabletaboff_right {
	PADDING-RIGHT: 5px;
   BACKGROUND-POSITION: left top;
   PADDING-LEFT: 0px;
   FONT-WEIGHT: bold;
   BACKGROUND-IMAGE: url("../images/style-wine/bg-boton-right.gif");
   COLOR: #dddddd;
   BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-COLOR: #eeeeee;
   TEXT-ALIGN: center;
}

TD.menutabletabon_right {
	PADDING-RIGHT: 4px;
   BACKGROUND-POSITION: right top;
   PADDING-LEFT: 0px;
   FONT-WEIGHT: bold;
   BACKGROUND-IMAGE: url("../images/style-wine/bg-boton-right-wine.gif");
   COLOR: #ffffff;
   TEXT-ALIGN: center;
}

TD.menutabletabon_left {
	PADDING-RIGHT: 2px;
   BACKGROUND-POSITION: left top;
   PADDING-LEFT: 0px;
   FONT-WEIGHT: bold;
   BACKGROUND-IMAGE: url("../images/style-wine/bg-boton-left-wine.gif");
   COLOR: #ffffff;
   TEXT-ALIGN: center;
}

TR.downshadow {
	BACKGROUND-POSITION: 50% top;
   BACKGROUND-IMAGE: url("../images/style-wine/downshadow.gif");
   PADDING-BOTTOM: 5px;
   BACKGROUND-REPEAT: repeat-x
}

TD.menutabletabon {
	PADDING-RIGHT: 7px;
   BACKGROUND-POSITION: 50% top;
   BORDER-TOP: #444444 1px solid;
   PADDING-LEFT: 7px;
   FONT-WEIGHT: bold;
   BACKGROUND-IMAGE: url("../images/style-wine/bg-wine-top.gif");
   COLOR: #ffffff;
   BACKGROUND-COLOR: #e6a1a1;
   TEXT-ALIGN: center;
}

TD.menuaftertab {
	PADDING-RIGHT: 20px;
   PADDING-LEFT: 10px;
   BACKGROUND: #ffffff url("../images/style-wine/bgblue.gif");
   PADDING-BOTTOM: 0px;
   COLOR: #ffffff;
   PADDING-TOP: 0px;
   BORDER-BOTTOM: #444444 1px solid;
}

TD.menudescription {
	FONT-WEIGHT: bold;
   BACKGROUND: #bb0000 url("../images/style-wine/bg-wine.gif") 50% bottom;
   VERTICAL-ALIGN: middle;
   COLOR: #ffffff;
   BORDER-BOTTOM: #C4CED4 1px solid;
}

A.menutable {
   FONT-WEIGHT: bold;
   COLOR: #444444;
   TEXT-DECORATION: none;
}

A.menutableon {
   FONT-WEIGHT: bold;
   COLOR: #ffffff;
   TEXT-DECORATION: none;
}

TD.botonon {
	BORDER-RIGHT: #cc9999 1px solid;
   PADDING-RIGHT: 8px;
   PADDING-LEFT: 8px;
   BACKGROUND: #aa3333;
   COLOR: #ffffff;
}

TD.botonon A {
   COLOR: #ffffff;
   TEXT-DECORATION: none;
}

A.submenu_on {
   COLOR: #ffffff;
   TEXT-DECORATION: none;
}

TD.botonoff {
	BORDER-RIGHT: #cc9999 1px solid;
   PADDING-RIGHT: 8px;
   PADDING-LEFT: 8px;
   COLOR: #ffffff;
}

TD.botonoff A {
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}

.copyright {
   color: #888888;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: 1px solid #C4CED4;
}

/********************************************************************************************/


form {
   margin: 0px;
}

.searchForm {
   margin-top: 0px;
   margin-left: 3px;
   margin-bottom: 0px;
   margin-right: 0px;
}

.dataTable, .editTable, .editTableSmall {
   margin-left: 0px;
}

.formButton, .searchButton {
   border: 1px solid #5c8bba;
   font-weight: bold;
   color: #ffffff;
   background: #5c8bba;
   cursor:hand;
}

.formButtonHover, .searchButtonHover {
   border: 1px solid #555555;
   font-weight: bold;
   color: #000000;
   background: #FFCC66;
   cursor: pointer;
   cursor: hand;
}

.formButton {
   padding-top: 0px;
   padding-left: 2px;
   padding-bottom: 1px;
   padding-right: 2px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;   
}

.formButtonHover {
   padding-top: 0px;
   padding-left: 2px;
   padding-bottom: 1px;
   padding-right: 2px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   /*height:20px;*/
   cursor: pointer;
   cursor: hand;
}

.searchButton {
   border: 1px solid #555555;
   padding-right: 2px;
   padding-left: 2px;
   padding-top: 0px;
   padding-bottom: 1px;
   margin: 0px;
}

.searchButtonHover {
   padding-right: 2px;
   padding-left: 2px;
   padding-top: 0px;
   padding-bottom: 1px;
   margin: 0px;
}

.subFormButton {
   border: 1px solid #5C8BBA;
   font-weight: bold;
   color: #5C8BBA;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   cursor:hand;
}

a.actionButton {
   border: 1px solid #555555;
   font-weight: bold;
   color: #FFFFFF;
   background: #5C8BBA;
   text-decoration: none;
}

a.actionButton:hover {
   color: #000000;
   text-decoration: none;
   background-color: #FFCC66;
}

div.cardfile h2, div.cardfilelist h2 {
   text-align: left;
}

.actionCommand {
   text-align: left;
}

.actionCommandWithoutSearch {
   text-align: left;
   padding-top: 4px;
   padding-left: 3px;
   padding-bottom: 3px;
}

.subActionCommand, .subActionCommand2 {
   font-weight: bold;
   text-align: left;
   margin-top: 7px;
}

.subActionCommand {
   margin-left: 3px;
}

.subActionCommand a, .subActionCommand2 a {
   padding-top: 1px;
   padding-left: 4px;
   padding-bottom: 3px;
   padding-right: 4px;   
   border: 1px solid #5C8BBA;
}

.releaseLock {
   color: #AA0000;
}

.fieldLabel, .fieldLabelTop, .fieldLabelNoLine {   
   margin-right: 5px;
}

.fieldLabel, .fieldLabelNoLine {
   vertical-align: middle;
}

.fieldLabelTop {
   vertical-align: top;
}

.fieldLabelBottom {
   vertical-align: bottom;
}

.fieldLabelParagraph {
   margin-right: 5px;
}

.helpText, .helpTextPositioned, .helpTextPositionedExt {
   background-color: #FFFFCC;
   padding: 5px;
   margin-left: 35px;
   border: 1px solid #777777;
}

.helpTextPositioned {
   position: absolute;
   /*top: 202px;
   left: 400px;*/
   width: 200px;   
}

.helpHeading {
   font-weight: bold;
   text-align: center;
   padding-bottom: 5px;
   margin: 0px;
   border-bottom: #666666 1px solid;
}

.helpTip {
   font-size: 70%;
   text-align: left;
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 0px;
}

.searchLabel {
   font-weight: bold;
}

.searchField {
   border: 1px solid #777777;
}

.searchComboBox {
   background-color: #DDDDDD;
   position: relative;
   overflow: hidden;
}

input.fieldData, input.fieldDataComboBoxHeight {
   border: 1px solid #777777;
   padding-left:4px;
}

input.fieldDataComboBoxHeight, input.fieldDataComboBoxHeightError {
   /* vertical-align: bottom; >> works also but does not look as neat. */
   position: relative;
   top: 1px;
   height: 18px;
}

input.fieldCheckBox {
   position: relative;
   left: -4px;
}

input.radioButton{   
   margin: 0 5px 0 15px;
   border: 0;
}

textarea.fieldData, textarea.fieldDataIndent {
   border: 1px solid #777777;
   padding-left:4px;
}

textarea.fieldDataIndent, textarea.fieldDataIndentError {
   margin-left: 4px;
}

select.fieldData, select.fieldDataWide, select.fieldDataSmall {
   border: 1px solid #777777;
}

select.fieldData, select.fieldDataError {
   width: 189px;
}

select.fieldDataWide, select.fieldDataWideError {
   width: 239px;
}

select.fieldDataSmall, select.fieldDataSmallError {
   width: 100px;
}

td.fieldData, td.fieldDataLight {
   vertical-align: top;
}

.editTable td.fieldLabel, .editTable td.fieldLabelTop {
   border-bottom: 1px solid #DDDDDD;
}

td.columnHeader {
   text-align: center;
   font-weight: bold;
}

.deleteConfirmation {
   font-weight: bold;
   color: #000099;
   margin-left: 2px;
}

.deleteError {
   font-weight: bold;
   color: #990000;
   margin-left: 2px;
}

td.fieldData {
   font-weight: bold;
}

span.fieldDataError {
   color: #ff0000;
}

td.fieldDataError {
   color: #ff0000;
}

input.fieldDataError, input.fieldDataComboBoxHeightError, textarea.fieldDataError, textarea.fieldDataError, textarea.fieldDataIndentError {
   border: 1px solid #777777;
   color: #ff0000;
}

select.fieldDataError, select.fieldDataWideError, select.fieldDataSmallError {
   border: 1px solid #777777;
   color: #ff0000;
}

/* .cardfile       = Used for various views
   .cardfileEdit   = Used for card file related edit views.
   .cardfileNoMenu = Used for card files without menu like the recycle bin. */
.cardfile, .cardfileEdit, .cardfileNoMenu {
   text-align: left;
   padding-top: 5px;
   padding-bottom: 10px;
   padding-right: 2px;
}

.cardfileEdit {
   padding-left: 15px;
}

.cardfileNoMenu {
   margin-left: 12px;
}

.cardfileTable {
   margin-left: 0px;
}

.cardfileTable td {
   vertical-align: top;
}


@media print {
   .cardfileMenu {
      overflow: hidden;
      display: none;
   }
   
   .actionCommand, .actionCommandWithoutSearch {
      overflow: hidden;
      display: none;
   }
   
   .cardfile, .cardfileEdit, .cardfileNoMenu {
      position: relative;
      left: 0px;
      overflow: hidden;
   }
   
   .aboutHint {
      color: #ffffff;
   }
   
   @page {
      margin-top: 10mm;
      margin-left: 15mm;
      margin-bottom: 10mm;
      margin-right: 15mm;
   }
}


.cardfilelist {
   text-align: left;
   padding-top: 0px;
   padding-left: 8px;
   padding-bottom: 0px;
   padding-right: 2px;
}

.notes {
   border: 1px solid #CCCCCC;
   margin-top: 2px;
   padding-top: 2px;
   padding-left: 2px;
   padding-bottom: 2px;
   padding-right: 2px;
   width:98%;
}

.moveToHeading { 
   margin-top: 2px;
   padding-top: 2px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-right: 2px;
}

.tableSeparator {
   border-left: 1px solid #CCCCCC;
}

.mainFieldValue {
   color: #000BBB;
}

.outstandingColor {
   color: #BB0000;
}

.invalid {
   color: #BB0000;
}

.green {
   color: #009933;
}

.grey {
   color: #777777;
}

.nowrap {
   white-space: nowrap;
}

.ticked {
   background-position: center center;
   background-repeat: no-repeat;
   background-image: url("../images/style-wine/checked.gif");   
}

.tickedLeft {
   background-position: left center;
   background-repeat: no-repeat;
   background-image: url("../images/style-wine/checked-left.gif");
}

.unticked {
   background-position: center center;
   background-repeat: no-repeat;
   background-image: url("../images/style-wine/unchecked.gif");   
}

.untickedLeft {
   background-position: left center;
   background-repeat: no-repeat;
   background-image: url("../images/style-wine/unchecked-left.gif");
}

.backgroundLeft {
   background-position: center left;
}

.summaryTotal {
   border-top: #C4CED4 1px solid;
   border-bottom: #C4CED4 1px solid;
}

.empty {
   padding: 0;
   margin: 0;
   border: 0;   
}

.wide {
   width: 100%;
}

.factFindHeader {
 /*background-color: #99CCFF;*/
 background-color: #CCCCCC;
 font-weight: bold;
 text-align: center;
 padding: 5px 0 5px 0;
 color: #000000;
 margin: 10px 0 20px 0;
}

div.hidden {
   display: none;
}


.middle {
   vertical-align: middle;
}

.progressBar .dijitProgressBar {
   margin:2px 0px 2px 0px;
}

.progressBar .dijitProgressBarEmpty {
   background: #880000;
   border-color: #555555 #555555 #555555 #555555;
}

.progressBar .dijitProgressBarTile {
   background: #FFC31D;
}

.progressBar .dijitProgressBarFull {
   background: #FFC31D;
   border-right: 1px solid #FFC31D;
}

.progressBar .dijitProgressBarLabel {
   color: #ffffff;
}

.rightAlign {
   text-align: right;
}

.subtitle {
   font-family: Verdana, Arial, Helvetica, Tahoma, franklin gothic medium cond, sans-serif;
   color: #555555;
   font-size: 10px;
}

.searchAid {
   font-family: Verdana, Arial, Helvetica, Tahoma, franklin gothic medium cond, sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding: 5px;
}

#breadCrumb {
   font-size: x-small;
   padding: 0;
   margin: 0 0 0 15px;
}

#breadCrumb ul{
   list-style: none;
   padding: 0;
   margin: 0;
}

#breadCrumb li{
   display: inline;
   padding: 0;
   margin: 0 10px 0 0;
}