@charset "UTF-8";

/* Architerra PC (C) 2014 - All Rights Reserved */

/* =========== */
/* -- FORMS -- */
/* =========== */

form.archform {  
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: 12px;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 0 auto 0 auto;
  padding: 10px 10px 10px 10px;   
  position: relative;
  text-align: left;
  vertical-align: baseline;
  width: 580px; }

/* FIELDSET */
form.archform fieldset {    
  border: 1px #006b53 solid;                                                    /* Fieldset Border Color */
  border-radius: 5px;
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 10px;  }

/* LEGEND */
form.archform legend {
  color: #006b53;                                                               /* Text Color */
  font-family: inherit;
  font-size: 14px;  
  font-style: italic;
  font-variant: inherit;
  font-weight: bold;
  margin: 0;
  padding: 2px;  }

/* ========== */
/* -- Rows -- */
/* ========== */

/* OVERALL ROW - LEFT JUSTIFY */
form.archform div.row {
  clear: both;
  color: #666666;                                                               /* Text Color */
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;  
  line-height: 1em;
  margin: 2px 0 2px 0;
  overflow: hidden;
  padding: 4px;
  vertical-align: baseline;  }

/* OVERALL ROW - LEFT JUSTIFY HIGHLIGHT BOX */
form.archform div.row_highlight {
  background-color: #ffffcc;
  border: 1px #ff0000 solid;
  clear: both;
  color: #ff0000;                                                               /* Highlight Color */
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;  
  line-height: 1em;
  margin: 2px 0 2px 0;
  overflow: hidden;
  padding: 4px;
  vertical-align: baseline;  }

/* OVERALL ROW - CENTER JUSTIFY BUTTONS */
form.archform div.row_center {  
  clear: both;
  color: #666666;                                                               /* Text Color */
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 2px auto 2px auto;
  overflow: hidden;
  padding: 0;
  text-align: center;
  vertical-align: baseline;  }

/* OVERALL ROW - RIGHT JUSTIFY BUTTONS */
form.archform div.row_right {  
  clear: both;
  color: #666666;                                                               /* Text Color */
  display: block;
  float: right;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 2px 0 2px 0;
  overflow: hidden;
  padding: 0;
  vertical-align: baseline;  }

/* OVERALL ROW - BOXED WARNING MESSAGE */
form.archform div.row_warning {
  background-color: #ffffcc;
  border: 1px #ff0000 solid;
  clear: both;
  color: #ff0000;                                                               /* Highlight Color */
  display: block;
  line-height: 1em;
  margin: 10px auto 10px auto;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  width: 300px; }


/* ============= */
/* -- Columns -- */
/* ============= */

form.archform div.col_left {
  color: #666666;                                                               /* Text Color */
  float: left;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold;
  margin: 2px 0 0 2px;
  padding: 2px;
  width: 150px;  }
form.archform div.col_right {
  color: #666666;                                                               /* Text Color */
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 2px 0 0 160px;
  padding: 2px;  }


/* =========== */
/* -- Label -- */
/* =========== */

form.archform label {    
  color: #006b53;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold; /* IE Req */ }

form.archform label.highlight { 
  color: #ff0000;                                                               /* Highlight Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold; /* IE Req */ }


/* ================ */
/* -- Paragraphs -- */
/* ================ */

/* Normal Text */
form.archform div.text_p { 
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit; 
  line-height: 1.2em;
  margin: 0 0 0 4px;
  padding: 0;  }            

/* Main Title */
form.archform p.title {          
  border-bottom: 2px solid #666666; 
  color: #386200;                                                               /* Text Color */
  font-family: inherit;
  font-size: 1.4em;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold; 
  line-height: 1.2em;
  margin: 0;
  padding: 0;  }     

/* Section Title */
form.archform div.formsection {      
  border-bottom: 1px solid #3ab549; 
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold; /* IE Req */
  font-size: 14px;
  line-height: 1.6em;
  margin: 10px 0 0 4px;
  padding: 2px;  } 

/* Caption */
form.archform div.col_right span.display {       
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: normal; 
  line-height: 1.2em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;  } 
form.archform div.col_right span.display a, 
form.archform div.col_right span.display a:visited {
  color: #3ab549;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;  }
form.archform div.col_right span.display a:hover {
  color: #981f18;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: underline;  }

form.archform span.change_link {       
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: 9px;
  font-style: inherit;
  font-variant: inherit;
  font-weight: normal; 
  line-height: 1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;  } 
form.archform span.change_link a, 
form.archform span.change_link a:visited {
  color: #3ab549;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;  }
form.archform span.change_link a:hover {
  color: #981f18;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: underline;  }


/* Highlight General Paragraph */
form.archform p.highlight {      
  color: #ff0000;                                                               /* Highlight Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  padding: 0;  }

/* Warning Box Text */
form.archform p.warning {      
  color: #ff0000;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  text-align: center;  }

/* Centered Text */
form.archform p.center {      
  color: #666666;                                                               /* Text Color */
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  text-align: center;  }

/* UOM */
form.archform p.uom {       
  color: #666666;                                                               /* Text Color */
  display:  inline;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0 0 0 5px;
  vertical-align: baseline;  }
form.archform p.uom_highlight {
  color: #ff0000;                                                               /* Highlight Color */
  display:  inline;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0 0 0 5px;
  vertical-align: baseline;  }

/* Instruction */
form.archform span.instruct { 
  color: #666666;                                                               /* Text Color */
  display: block;
  font-family: inherit;
  font-size: 10px;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 2px 0 0 0;
  padding: 0;  }
form.archform span.instruct_highlight {
  color: #ff0000;                                                               /* Highlight Color */
  display: block;
  font-family: inherit;
  font-size: xx-small;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 2px;  }


/* ============== */
/* -- Required -- */
/* ============== */

form.archform abbr.require { 
  border-bottom: none ;
  color: #ff0000;                                                               /* Required Text Color */
  cursor: help;
  font-family: inherit;
  font-size: medium;
  font-style: inherit;
  font-variant: inherit;
  font-weight: 100;
  margin: 0px;
  padding: 0px;
  vertical-align: -2px;  }
form.archform span.require_text {   
  color: #ff0000;                                                               /* Required Text Color */
  font-family: inherit;
  font-size: xx-small; /* IE Req */ 
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;  }


/* =========== */
/* -- Input -- */
/* =========== */

form.archform input {  
  color: #666666;                                                               /* Text Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Font Require */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  padding: 2px;
  vertical-align: baseline;  }
form.archform input.highlight {  
  color: #ff0000;                                                               /* Highlight Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Font Require */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  padding: 2px;
  vertical-align: baseline;  }

form.archform textarea {   
  color: #666666;                                                               /* Text Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Font Require */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;  
  margin: 0;
  padding: 2px;
  vertical-align: baseline;  }
form.archform textarea.highlight {   
  color: #ff0000;                                                               /* Highlight Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Font Require */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;  
  margin: 0;
  padding: 2px;
  vertical-align: baseline;  }

form.archform select {  
  /*-webkit-appearance: none;*/
  color: #666666;                                                               /* Text Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  padding: 0;
  vertical-align: baseline;  }
form.archform select.highlight {  
  color: #ff0000;                                                               /* Highlight Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 0;
  vertical-align: baseline;  }


/* ============================== */
/* -- Checkbox & Radio Buttons -- */
/* ============================== */

form.archform ul.checkradio { 
  color: #666666;                                                               /* Text Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  padding: 0; }
form.archform ul.checkradio li {  
  color: #666666;                                                               /* Text Color */
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0 0 10px 0;
  padding: 0;  }
form.archform ul.checkradio input {
  color: #666666;                                                               /* Text Color */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 1px 0 0 0;
  padding: 0;
  vertical-align: top;
  width: 15px; }
form.archform ul.checkradio label {     
  color: #666666;                                                               /* Text Color */
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  width: 350px;  }
form.archform ul.checkradio label.highlight {      
  color: #ff0000;                                                               /* Highlight Color */
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  width: 350px;  }
form.archform ul.checkradio span.subline {
  color: #666666;                                                               /* Text Color */
  display: block;
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: x-small;
  font-style: inherit;
  font-variant: inherit;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;  }
form.archform ul.checkradio span.subline_highlight {
  color: #ff0000;                                                               /* Highlight Color */
  display: block;
  font-family: Arial, Helvetica, sans-serif;       /* IE Require, Safari & Chrome Ignore */
  font-size: x-small;
  font-style: inherit;
  font-variant: inherit;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;  }


/* ================== */
/* -- Form Buttons -- */
/* Safari will not font set on a standard button */
/* Opera can loose standard rounded button formatting */
/* IE Does not use Active, will take font color, but not inherit font families */
/* ================== */
/* Standard Buttons */
form.archform input.button_std {   
  color: #666666;                                                               /* Button Text Color */
  font-family: inherit;
  font-size: small;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  margin: 5px;
  padding: 2px 10px 2px 10px;  }
form.archform input.button_std:hover {
  color: #000000;  }                                                              /* Button Hover Text Color */
/* IE Ignores Active */
form.archform input.button_std:active {
  color: #ff0000;  }                                                            /* Button Click Text Color */
 
/* Narrow Graphic Button Background */
form.archform input.button_short {    
  background: url('button_up_short.png') no-repeat top left; 
  border: none; 
  color: #666666;                                                               /* Button Text Color */
  font-family: inherit;
  font-size: small;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  height: 22px;
  margin: 5px;
  padding: 0;
  width: 68px;  }
form.archform input.button_short:hover {
  background: url('button_press_short.png') no-repeat top left;
  color: #000000;  }                                                            /* Button Hover Text Color */
/* IE Ignores Active */
form.archform input.button_short:active {
  background: url('button_press_short.png') no-repeat top left;
  color: #ff0000;  }                                                            /* Button Click Text Color */

/* Wide Graphic Button */
form.archform input.button_long {    
  background: url('button_up_long.png') no-repeat top left; 
  border: none; 
  color: #666666;                                                               /* Button Text Color */
  font-family: inherit;
  font-size: 11px;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  height: 22px;
  margin: 5px;
  padding: 0;
  width: 120px;  }
form.archform input.button_long:hover {
  background: url('button_press_long.png') no-repeat top left;
  color: #000000;  }                                                              /* Button Hover Text Color */
/* IE Ignores Active */
form.archform input.button_long:active {
  background: url('button_press_long.png') no-repeat top left;
  color: #ff0000;  }                    