/* CSS styles specific to SubK */  
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* Used for main page content setup */
#maincontent.nonav {margin-left:0px!important;}
#maincontent {height:auto!important; min-height:100px; _height:100px;} 

/* History and buttons for Fuego forms */
#historychannel {margin-right:8%!important;margin-top:-20px!important}
#submitbuttondiv {background-color:#efefef!important;float:left; margin:5px 0!important}
#reviewbuttondiv {background-color:#efefef!important;float:left; margin:5px 0!important}
#buttondiv {background-color:#efefef!important;float:left; margin:5px 3px!important}

/* Red bold font color at top right of Fuego forms */
.duplicate {color: #d71010;margin:-20px 0 0 25px!important; font-weight:bold;font-size:105%; float:left;text-align:right;}
*html .duplicate {width:240px}

/* misspelled class, used in subk-form which is inactive form */
.commentButtom {margin-left:47px;margin-right:7px;float:left}

/* used in Comments section */
.commentCount {font-size:90%;color:#666;float:left;}

/* used in Routing Options section */
.commentBox {color:#5F5F5F;border:1px solid #DFDFDF;width:95%;padding:5px;margin:7px 0;font-size:90%;background:#FBF9F9!important;min-height:50px}

/* not used in SubK
.commentHeader {display:block;margin-bottom:5px!important}
.devnotes {border:1px solid #cfe294; padding:5px; margin:50px 0px 0px 0px!important; width:70%;} */

/* standard error message positioning */
#error-message {margin-left:0px!important;}

/* SubK PO Number positioning */
.poMargin {margin-top:-17px!important}
*html .poMargin {margin-top:-20px!important}

/* Calendar div positioning */
#caldiv {display:block!important;width:149px; position:absolute; margin-left:200px; margin-top:-25px;z-index:1000; visibility:hidden; background-color:#fff;}
*html #caldiv {margin-left:50px; margin-top:-25px}

/* standard popup positioning for Calendar and Help */
.popup {display:block!important; color:#333; padding:5px; font-family: arial; position:absolute;z-index:1000; visibility: hidden; border: solid 1px #d5d5d5; font-size:105%; background-color:#FDFDC3!important; }

/* not used in SubK
#popupLI {width:100px; margin-left:-200px!important; margin-top:-15px!important;} */
 
/* moved to fuego-form.css
.toggleExpand {padding-left:15px; background: url(/images/icons/plus.gif) no-repeat left;}
.toggleCollapse {padding-left:15px; background: url(/images/icons/minus.gif) no-repeat left;}*/

/* Read-Only text input with gray background color, moved to fuego-form.css
#standardform .readOnlyText {color:#666;background-color:#EFEFEF;} */

/* Slightly different from standard-form.css, keep for SubK */
#standardform .formfilleditmed {margin:0px;width:30%;border:1px solid #dddddd; color:#666!important;padding:2px;}
/* new for SubK */
#standardform .formfilleditsm-med {margin:0px;width:65px;border:1px solid #dddddd;color:#666!important;padding:2px;}
 
/* Used in Additional Handling section */
.handlingBoxes {border:1px solid #F3F3F3!important}
.handlingfloat {display:none;}
 
/* same class in standard-form.css */
#standardform div.jointfield, div.labelfield, div.reviewlabel, div.formfillfield {margin:0px!important ;}

/* Copied from standard-form.css but padding-top is different */
#standardform label.labelfield, label.jointfield, label.reviewlabel, div.labelfield, div.jointfield, div.reviewlabel
{width: 100%; padding-top:8px; clear:left; color:#666; font-size:90%; display:block; height:100%; padding-bottom:2px;
}

/* Copied from standard-form.css, but used in spans in SubK.  
Not being called for label or div because of single space before .labeltext */
#standardform label .labeltext, #standardform div .labeltext
{color:#333;  font-size:110%!important; margin-left:0px!important; margin-right:0px; float:left; width:10em!important; height:auto; min-height:1%; text-align:right;; padding-right:0px; padding-bottom:2px; clear:both;}

/* Copied from standard-form.css but margin-left is different.  Used in SubK for radio buttons and input tags. */ 
#standardform .fieldselection {display:block; position:relative; margin-left:12em!important; padding-bottom:5px;}

/* new for SubK, but not being called for div */
div.fieldselection {margin-left:205px!important;margin-top:-6px!important;font-size:105%}

/* new definition for SubK */
.txttitle { font-family: Verdana, Arial, Lucida Sans Unicode, sans-serif; font-size:140%!important; font-weight: bold; color: #5A697B!important;}

 /* old class - .txttitle { font-family: Verdana, Arial, Lucida Sans Unicode, sans-serif; font-size:140%!important; font-weight: bold; color: #5A697B!important; margin:-12px!important} */

/* not used in SubK 
 .mainnav {display:block; background: url(../img/bg-mainnav.png) no-repeat; padding:0px 0 20px 7px;line-height:1.45em; position:relative!important; float:left}
*html  #left .mainnav {position:relative!important; float:left } */

/* Used in SubK, customized Zebra table */
.zebraTable {border-left:1px solid #999; border-bottom:0px; width:95%; margin-bottom:15px; margin-left:5px; font-size:90%; position:relative;}
.zebraTable td, .zebraTable th {vertical-align:top; border-right: 1px solid #999!important; border-bottom:1px solid #999; padding:3px; color:  #039}
.zebraTable th {font-size: 11px; text-align:left; font-weight: bold; color: #FFFFFF; text-decoration:none!important; background-color: #68839F; padding:5px;border-right:1px solid #fff;text-align:center!important}




th.tabletitle {font-size: 11px; text-align:left; font-weight: bold; color: #FFFFFF; text-decoration:none!important; background-color: #68839F; padding:5px;border-right:1px solid #fff}

.tablecell {font-family: Verdana, Arial, Lucida Sans Unicode, sans-serif; font-size: 11px; color:  #039; background-color: #EFEFEF;border-right:1px solid #fff; border-bottom:1px solid #fff; padding:5px}

.lightertablecell {font-family: Verdana, Arial, Lucida Sans Unicode, sans-serif; font-size: 11px; color: #039; background-color: #FFF;padding:5px}
 
.prfloat {float:left; margin-left:0px!important;}
 
.routing { float:left;width:225px!important;}

.routingheading {margin-top:0px!important;border:0!important}
 
.tablescroll { top:23px!important;}

*html .tablescroll {margin-top:-5px!important; margin-left:-6px!important;} 
.tablescroll th {border-right: 1px solid #999!important; border-bottom:1px solid #999; border-top:1px solid #999; background-color:#29465c;color:#FFF;}
.tablescroll2 td {border-right: 1px solid #999!important; border-bottom:1px solid #999;}

.paymentfloat {float:left;width:205px;	font-size:90%;}

*html .paymentfloat {float:left;width:210px;font-size:90%;}
.paymenttext {color: #d71010!important;margin-top:-3px!important;width:65px!important}
 
/* Used in Retainage and Require Reapproval sections */
*html .checkboxmargin {margin-top:-3px;}
 
/**html  .emailaddressdiv  {margin-top:-5px!important}
*html  .emailaddresstable {margin-left:120px!important;}
.emailaddresstable th {border: 1px solid #999!important; background-color:#FFF; font-size:90%;}
.emailaddresstable td {border-right: 1px solid #999!important; border-bottom:1px solid #999; border-left:1px solid #999; font-size:90%;} */

/* Used in Other Handling shipment method */
.otherHandlingDesc {width:200px;float:left;margin-left:50px;margin-top:-14px}

.nodisplay{visibility:collapse}
*html  .nodisplay{display:none}*/

.formtext {font-size: 90%; color: #666;margin-bottom:10px!important;}
/*.searchtable td {border:0!important;}*/
	
/*table.sortable thead  {border-left:1px solid #EFEBEF; border-bottom:0px solid #EFEBEF; width:95%; margin-bottom:15px; margin-left:5px; font-size:90%; position:relative; }
.sortable td, .sortable th {vertical-align:top; border-right: 1px solid #EFEBEF!important; border-bottom:1px solid #EFEBEF;  border-left:1px solid #EFEBEF; padding:3px; border-collapse:collapse;}
.sortable th {border-bottom:1px solid #EFEBEF; border-top:1px solid #EFEBEF; height:15px}*/
 
/** html  .pxaddressdiv  {margin-top:-5px!important}
* html  .pxaddresstable {margin-left:120px!important;}
.pxaddresstable th {border: 1px solid #999!important; background:#E7F0F7;color:#29465C!important; font-size:90%;c}
.pxaddresstable td {border-right: 1px solid #999!important; border-bottom:1px solid #999; border-left:1px solid #999; font-size:90%;}
.approvalChain {font-style:italic; font-weight:bold}*/

 /*START PO LINE ITEM TABLE */

/* moved to fuego-form.css
.formsHeaderDiv {height:20px!important; background:url(../images/titlebar.gif)!important; margin:0!important; color:#4b4b4b; text-align:left; padding:5px 0 0 0!important; text-indent:10px; font-weight:bold; font-size:90%; color:#000;} */

/* used for attachments and audit history tables in SubK */ 
.formsTable {width:100%;margin-left:0px!important;}
.formsTableOutsideDiv {border:1px solid #9CBAEF;height:auto;width:1000px!important;}
*html .formsTableOutsideDiv {width:100%!important;}

/* captions for attachments, line items */
.formsTable caption {margin-left:0px!important;background:#E7EFFA;color:#29465C; font-weight:normal;border-bottom:1px solid #B8CFEE;margin-top:0px;text-align:left;}
 
.formsTable th {background-color:#F2F2F2; font-size:85%; color:#000; font-weight:normal; line-height:1em; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:center!important; }
.formsTable td {border-right: 1px solid #EFEBEF!important; border-bottom:1px solid #EFEBEF; font-size:95%}
 
/* subheaders in PO Lines table */
.formsTableSubHeader {background:#DFDFDF!important;color:#000!important;padding:5px!important}
.formsTableSubHeader2 {background:#DFDFDF!important;color:#000!important;padding:5px!important}
.inputLong {width:98%;border:0;font-size:85%!important;font-family:  verdana, arial, Lucida Sans Unicode, sans-serif; }
.formHeader{font-size:85%!important;text-align:center!important;background: #DFDFDF}
.formsTable input {border:0;font-size:85%!important;font-family:  verdana, arial, Lucida Sans Unicode, sans-serif; width:98%;}
.formsTable select {border:0;font-size:95%;font-family:  verdana, arial, Lucida Sans Unicode, sans-serif;}
.formsTable option{font-size:75%!important;}
.formsTableRO { color:#666;font-size:85%!important}

/* not used in SubK
.inputfill {margin:0px;border:0;background:#fff;color:#757474; width:100%;} */

/* PO Line Items table */
#lineItemTableDiv {margin:0 0 -2px 0!important; padding:0;}
*html #lineItemTableDiv {margin:0 0 -20px 0!important; }

.poLineCell{width:75px;border-right:0!important;margin:0 -5px 5px 0;height:52px}
*html .poLineCell {height:54px}

/* not used in SubK
a.tableButtons {cursor:pointer; font-size:80%;color:#000; text-decoration:none!important;font-weight:normal}
.bottomBorder {border-bottom:1px solid #AFAFAF!important}*/

/* Tables subheader text */
.secondTableHeader {font-weight:bold;display:block;float:left;color:#333; width:98%;padding-left:220px; }

/* Used in PO Line Items subtable */
.secondTable {margin:5px 0 10px 35px;border:1px solid #627C8F;width:765px}
*html  .secondTable  {width:770px}

/* Used in PO Line Items table - input tag border color */
.bordergrey {border:1px solid #dddddd;}
.borderblue {border:1px solid #3169C6!important;}
 
 /*END LINE ITEM TABLE CSS*/
 
/* Comments table in SubK */
.commentTable{width:96%!important;border:0!important;margin:0px!important; color:#333; padding:2px; font-family:  verdana; height:15px!important;font-size:95%!important;}
.commentTextarea{width:98%!important;overflow:visible!important;margin:0px!important;border:0; color:#333;padding:2px; font-size:90%!important;font-family:  verdana;  min-height:5px;}

/* used in PO Vendor and Request Approval */ 
.routingHeader{border:1px solid #999;padding:5px;background:#EFF5FF!important;margin-top:15px!important;color:#333!important;font-size:105%!important}

/* Audit and Workflow history positioning */
#audithistory {display:inline;}
#workflowhistory {display:inline;margin-left:0px}

/* not used in SubK 
#duplicateRequest {display:inline; margin-left:0px} */