/* form element styles */

DIV.field {
  padding-bottom: 8px;
  clear: both;
  }
  
DIV.field .stack, TR.field .stack {
  float: left;
  padding-right: 8px; }
  
DIV.field .endcol, TR.field .endcol {
  padding-right: 0px !important; }
  
DIV.field .stack {
  padding-bottom: 8px; }  

DIV.field .title {
  font-weight: bold; vertical-align: bottom; }
  
TABLE.fieldgrid {
  border-collapse: collapse;
  border-spacing: 0px;
}

TR.field TD {
  vertical-align: top;
  padding-bottom: 6px; }

TR.field .titlecol {
  width: 15%; }

TR.field .fieldcol {
  padding-left: 6px; }

TR.field .title {
  padding: 3px 0px 0px 0px;
  font-weight: bold; }
  
TD.fieldcol DIV.field {
  padding: 0px !important;
  font-size: 8pt; }
  
TR.field .captioncol {
  padding-left: 12px; }
  
TD.captioncol .caption {
  background-color: #ffffd0;
  border: solid 1px #b0b070;
  }
  
TD.captioncol .caption .captioninner {
  margin-left: -5px; padding: 6px 8px 6px 13px;
  background-image: url("../images/bg_callout_right.gif");
  background-position: left top;
  background-repeat: no-repeat; }

TD.captioncol .alert {
  background-color: #ffd0d0 !important;
  border-color: #b07070 !important;
  background-image: none !important; }
TD.captioncol .alert .captioninner {
  background-image: url("../images/bg_callout_alert_right.gif") !important; }

.field .text, .field .longtext, .field .largetext, .field .select, .field .multipleselect,
  .field .shorthtml, .field .longhtml, .field .shortxhtml, .field .longxhtml,
  .field .xml, .field .file, .field .composite {
  background-color: #f8f8f8;
  border: 2px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 348px; }
  
.field .width10 { width: 53px !important; }
.field .width15 { width: 83px !important; }
.field .width20 { width: 103px !important; }
.field .width25 { width: 175px !important; }
.field .width35 { width: 268px !important; }
  

.field INPUT, .field TEXTAREA, .field SELECT, .field BUTTON {
  padding: 2px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  }  
  
.field OPTION {
  background-color: #f8f8f8; }
  
.field INPUT.button, .field BUTTON.button {
  width: 100px; height: 22px;
  margin-right: 4px;
  background-color: #d8d8d8;
  border: solid 1px #ccc;
  border-bottom-color: #aaa;
  border-right-color: #aaa; }
  
.field .longtext, .field .xml, .field .multipleselect, .field .readonlymemo {
  height: 4pc; }
.field .shorthtml, .field .shortxhtml, .field .readonlyhtml {
  height: 9pc; }
.field .longhtml, .field .longxhtml {
  height: 12pc; }
  
.field INPUT.largetext {
  font-size: 11pt;
  font-weight: bold;
  vertical-align: middle;
  height: 22px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 18px; /* for other browsers */
}

.field .shorthtml, .field .shortxhtml, .field .longhtml, .field .longxhtml,
.field .links {
  width: 400px; }
  
.field .links {
  margin-top: 8px; }
  
.field INPUT.checkbox {
  height: 15px;
  border: none; }
  
.field LABEL.checkbox {
  font: 8pt tahoma,verdana,arial,helvetica,sans-serif; }

TABLE.checkboxlist, TABLE.radiolist {
  border-collapse: collapse;
  border-spacing: 0px; }
  
TABLE.checkboxlist TD, TABLE.radiolist TD {
  padding-bottom: 4px;
  vertical-align: top; }
  
TABLE.radiolist TD LABEL, TABLE.checkboxlist TD LABEL {
  display: block;
  padding-top: 2px;
  cursor: hand; }
  
.field .assetreference, .field .entityreference {
  border: 1px solid #bfaf8f; width: 460px;
  padding: 2px 1px; }
  
.field .readonly, .field .readonlymemo, .field .readonlyhtml,
.field INPUT.readonly {
  border: 1px solid #aaa; width: 458px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  color: #666; padding: 3px 2px; }
  
.field .composite {
  padding: 3px 2px; width: 458px; }
  
.field .boxout {
  width: 448px; }
  
.protected {
  color: #bfaf8f; }
    
.field SELECT.select, .field SELECT.multipleselect {
  width: 400px; }
  
.field TD SELECT {
  margin-top: 2px; }
  
.field INPUT.fileupload {
  width: 482px;
  height: 20px;
  border-width: 1px;
  border-top-color: #f0f0f0;
  border-left-color: #f0f0f0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  }
  
.buttons {
  padding-top: 6px;
  padding-bottom: 6px; }