/* dark blue: #153d78, gray: #d1d1d1, */

HTML, BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif}
BODY { margin: 0; padding: 0; text-align: center; z-index: 0;}
BODY:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;}
A { color: #153D78; text-decoration: none; font-weight: 800; }
A:hover { color: #153D78; text-decoration: underline; font-weight: 800; }
#wrap { min-height: 99%; background-color: #FFFFFF;}
#main{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; padding-top: 0px; padding-left: 50px; padding-right: 50px; padding-bottom: 53px; text-align: left; position: relative; }
/*#footer { position: relative; margin-top: -48px; height: 48px; clear: both; background-color: #CC0000;}*/
#footer { position: fixed; bottom: 0; width: 100%; font-size: 8pt; color: #FFFFFF; background-color: #515151; font-family: Arial, Helvetica, sans-serif; font-weight: 800; padding: 6px;}


#header { height: 125px; background-image: url('images/pep-header-bg.jpg'); background-repeat: repeat-x; text-align: left; position: relative;}
#sca { font-size: 14pt; font-weight: 800; position: absolute; right: 0px; top: 95px; z-index: 10}
#statusbox { font-size: 9pt; font-weight: 400; color: #153D78; text-align: right; position: absolute; right: 0px; top: 5px; z-index: 10; }
#columns { display: table-row; position: relative;}
#navbar { position: absolute; top: 150px; left: 68px; display: table-cell; padding-right: 25px;}
#content { position: absolute; top: 150px; left: 268px; margin-left: 25px; margin-right: 50px; text-align: justify; display: table-cell;}
#workingbox { display: none; width: 300px;}
#company_data { position: absolute; top: 20px; right: 0px; height: 100px; vertical-align: bottom; }
#n_current { display: none; }
#n_history { display: none; }
#n_fpw { display: none; }
#n_fpwsuccess {display: none; }
#n_pwr { display: none; }
#n_pwrsuccess { display: none; }
#n_contact {display: none; }
#current_range { position: relative; }
#current_varrange { display: none; }
#current_absmin { position: absolute; left: 0px; background-color: #eee; color: #153D78; font-size: 9pt; font-weight: 800; padding: 5px; }
#current_absmax { position: absolute; right: 0px; background-color: #eee; color: #153D78; font-size: 9pt; font-weight: 800; padding: 5px; }
#history_range { position: relative; }
#history_varrange { display: none; }
#history_absmin { position: absolute; left: 0px; background-color: #eee; color: #153D78; font-size: 9pt; font-weight: 800; padding: 5px; }
#history_absmax { position: absolute; right: 0px; background-color: #eee; color: #153D78; font-size: 9pt; font-weight: 800; padding: 5px; }
#invoice_container { font-family: Arial, Helvetica, sans-serif; }
TH, TD { white-space: nowrap; padding: 10px; }
/*TH , TD { white-space: nowrap;}
TH { padding: 0; }
.hideLonger { overflow: hidden; }*/

.current_order_id { font-weight: 800; color: #153D78;}
.current_order_id:hover { background-color: #153D78; color: #FFFFFF;}
.bottomalign { vertical-align: bottom;}
.static_matter { font-size: 14pt; font-style: italic; font-weight: 700; text-align: center; vertical-align: middle;}
.bordered { border: 1px solid #000000; }
.label_regular { background-color: #cceeff; text-align: center; vertical-align: middle; font-size: 9pt; padding: 3px; }
.label_blue{ background-color: #153D78; color: #FFFFFF; text-align: center; vertical-align: middle; font-size: 10pt; padding: 3px; }
.data_regular { background-color: #FFFFFF; text-align: center; vertical-align: middle; font-size: 12pt; font-weight: 700; padding: 3px; }
.large { font-size: 16pt; }
.bold { font-weight: 700; }
.w100p { width: 100%; }
.w50p { width: 50%; }
.w800 { width: 800px; }
.w500 { width: 530px; }
.w390 { width: 387px; }
.w300 { width: 300px; }
.w290  { width: 278px; }
.w250 { width: 250px; }
.w240 { width: 240px; }
.w140 { width: 140px; }
.w120 { width: 120px; }
.w118 { width: 118px; }
.w90 { width: 90px; }
.h30 { height: 30px; }
.h50 { height: 50px; }

#current_order{ display: none; font-size: 8pt; font-weight: 600; color: #000000; background-color: #FFFFE0; z-index: 100; padding: 6px; width: 200px; text-align: center; border: 1px solid #999999;}
#invoice_or_order { position: absolute; z-index: 1000; }
#order_container { position: relative; height: 920px; }
#quoteform_container { position: relative; height: 920px; }
.invoice_or_order { padding: 0 15px; } 
.dfield { position: relative; top: 1px; }
.labeltext { position: relative; }
.label { border: 1px solid #000000; background-color: #c3eafd; text-align: center; vertical-align: middle; position: absolute; font-size: 8pt; }
.data { border: 1px solid #000000; background-color: #FFFFFF; text-align: center; vertical-align: middle; position: absolute; font-size: 9pt; font-family: Courier New, Courier, fixed; }
.largetext { font-size: 16pt; font-family: Arial Black, Arial, Helvetica, sans-serif;}
.medtext { font-size: 11pt; font-family: Arial, Helvetica, sans-serif}
.oablue { background-color: #153D78; color: #FFFFFF; font-weight: 800; }
.oayellow { background-color: #FFFF66; }
.static { border: 1px solid #000000; background-color: #FFFFFF; text-align: center; vertical-align: middle; position: absolute; font-size: 8pt; }
.oa_title { font-size: 12pt; }
.noborder { border: 0; }

.link { color: #153D78; font-weight: 800; }
.link:hover { text-decoration: underline; }

.small { font-size: 9pt; }
.red { color: #CC0000; }
.italic { font-style: italic; }
.left { text-align: left; padding-left: 15px;}
.right { text-align: right; }
.rightpad { text-align: right; margin-right: 25px; }
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
.leftfield { display: table-cell; width: 200px; height: 30px; text-align: right; padding: 10px; margin-bottom: 10px; color: #FFFFFF; font-size: 11pt; font-weight: 800; background-color: #d1d1d1; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.rightfield { display: table-cell; width: 200px; height: 30px; text-align: left; margin-bottom: 10px; border: 2px solid; border-color: #d1d1d1; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.blankfield { display: table-cell; text-align: left; padding-left: 10px; }
INPUT.field { padding-left: 5px; border: 0px; font-size: 11pt; }
.headline { font-size: 12pt; color: #153D78; font-weight: 800; }
.bluebg { background-color: #153D78; }
.bluebd { border-color: #153D78; }

.errmsg { color: #CC0000; font-size: 11pt; font-weight: 800; display: none;}

.navbar { width: 175px; padding: 4px 10px; margin: 5px; font-size: 11pt; font-weight: 800; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }

.gray { background-color: #D1D1D1; color: #153D78;}
.blue { background-color: #153D78; color: #FFFFFF;}
.blank { visibility: hidden; }
.navbuttons { padding: 3px; width: 200px; margin-bottom: 5px; }

.tableheader { display: table-cell; padding: 4px 15px; background-color: #E0E0E0; color: #153D78; font-weight: 800; border-left: 2px solid #BBBBBB; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; white-space: nowrap; }
.tableheaderright { border-right: 1px solid #BBBBBB; }
.tablerow { display: table-row; }
.tablecell { display: table-cell; padding: 4px 15px; white-space: nowrap; }
.hidden { display: none; }
.bg1 { background-color: #F0F0F0; }
.bg0 { background-color: #FFFFFF; }
.datehidden { display: none; }
.paginatehidden { display: none; }
.textfilterhidden { display: none; }
.testborder { border: 1px solid #153D78; }
._wrapper { border: 1px solid #153D78; }
._filteringtop {	background: #153D78 url(images/ui-bg_glass_75_153d78_1x400.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); display: table-row; color: #FFFFFF; font-weight: 800;}
._filteringbottom { background: #153D78 url(images/ui-bg_glass_75_153d78_1x400.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); display: table-row; color: #FFFFFF; font-weight: 800; }
._cpp { width: 50%; padding: 8px 15px; white-space: nowrap; display: table-cell; }
._fil { width: 50%; padding: 8px 15px; text-align: right; white-space: nowrap; display: table-cell; }
._paginationdata { width: 45%; padding: 8px 15px; white-space: nowrap; display: table-cell; }
._paginationcontrols { width: 45%; padding: 8px 15px; text-align: right; white-space: nowrap; display: table-cell; }
.on_key { font-weight: 800; color: #153D78;}
.on_key:hover { text-decoration: underline; cursor: pointer; }
._sort:hover { cursor: pointer; opacity: .60; filter:Alpha(Opacity=60); }
._sorted .bg1 { background-color: #E8E8E8; }
._sorted .bg0 { background-color: #E0E0E0; }
.quoteinputfield { background-color: #F0F0F0; border: 0px; font-family: Andale Mono, Courier New, Courier, Fixed, monospace;}
.field_changed { font-weight: 900; background-color: #CCFFCC; }
.ui-widget input.quoteinputfield { font-family: Andale Mono, Courier New, Courier, Fixed, monospace;}
.ui-widget textarea.quoteinputfield { font-family: Andale Mono, Courier New, Courier, Fixed, monospace;}
.inputfocus { background-color: #FFFFCC; }
.show_ardetail { font-weight: 800; color: #153D78;}
.show_ardetail:hover { text-decoration: underline; cursor: pointer; }
.show_arinvoice { font-weight: 800; color: #153D78;}
.show_arinvoice:hover { text-decoration: underline; cursor: pointer; }
.center { text-align: center; }
.table_ar { padding: 20px; border: 1px solid #999999; }
.table_ar_detailbox { border: 1px solid #999999; margin-left: 20px; padding: 20px; }
.rightfieldright{ display: table-cell; width: 200px; height: 30px; text-align: right; padding-right: 10px; border: 2px solid; border-color: #153D78; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
#exactrepeat_data { display: none; padding: 20px; z-index: 10000; background-color: #FFFFFF; color: #000000; text-align: center; position: absolute; top: 200px; left: 200px; }
#exactrepeat_working { display: none; padding: 20px; z-index: 10000; background-color: #FFFFFF; color: #000000; text-align: center; position: absolute; top: 200px; left: 200px; width: 400px; }
#exactrepeat_success { display: none; padding: 20px; z-index: 10000; background-color: #FFFFFF; color: #000000; text-align: left; position: absolute; top: 200px; left: 200px; width: 400px; }
#repeatchange_data { display: none; }
#repeatchange_working { display: none; padding: 20px; z-index: 10000; background-color: #FFFFFF; color: #000000; text-align: center; position: absolute; top: 200px; left: 200px; width: 400px; }
#repeatchange_success { display: none; padding: 20px; z-index: 10000; background-color: #FFFFFF; color: #000000; text-align: left; position: absolute; top: 200px; left: 200px; width: 400px; }
#shade { display: none; background-color: #000000; position: absolute; z-index: 9000; top: -200px; left: -200px; height: 10000px; width: 10000px; }