h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset { margin:0; padding:0; border:none; }
address { font-style:normal }
:focus, :active { outline: 0; }
a img { border:0;}
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

a:link {color: #002FFF; text-decoration: none; }
a:visited {color: #002FFF; text-decoration: none; }
a:hover {color: #0A29FF; text-decoration: underline; }
a:active {color: #0A29FF; text-decoration: underline; }

::-webkit-input-placeholder { color: #ddd; }
:-moz-placeholder { color: #ddd; }
:-ms-input-placeholder { color: #ddd; }

ul,ol { list-style:none }

h1 { text-align: center; font-size: 150%; margin: 1em 0; }

.arrow-down { 
   width: 0; height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;	
	border-top: 6px solid black;
}

.arrow-up {
	width: 0; height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;	
	border-bottom: 6px solid black;
}

.arrow-right {
	width: 0; height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;	
	border-left: 6px solid black;
}

.arrow-left {
	width: 0; height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 	
	border-right: 6px solid black; 
}

.ui-button-text { font-size: inherit !important; } 

.small-button { font-size: .8em !important; }
.medium-button { font-size: .9em !important; }
.large-button { font-size: 1.1em !important; }


body {
	color: #000;
   font: 14px/1 Tahoma, Arial, Helvetica, sans-serif;	
	background: #fff;
	line-height: 1.5em;
}

#wrapper { min-height: 400px; padding: 0 20px; background: #fff; margin: 0 0px; }

#content {
   min-height: 450px;  
   background: #fff;
}

footer { text-align: center; background: #fff; min-height: 60px; padding: 16px; margin-top: 20px; }
footer small { font-size: 10px; }
footer p { margin-bottom: 1em; } 

#header { height: 170px; position: relative; }
a#logo {
   /*margin-top: 30px;*/
   display: block; 
   height: 100px; 
   width: 480px; 
   float: left; 
   opacity:0.8;
   background: url(../images/toner-quest-2013-logo.png) no-repeat;
}
a#logo:hover { text-decoration: none; } 

/* login */
.loginwrap { margin: 0px auto; padding: 10px; border: 1px solid #e5e5e5; width: 400px; }
.loginwrap h2 { font-size: 22px; margin-bottom: 12px; }
.userinput, .loginError { font-size: 18px; line-height: 35px; }
.loginError { color: red; text-align: center; }
.userinput input { font-size: 18px; padding: 2px 3px; }
.userinput label { display: inline-block; width: 120px; text-align: right; margin-right: 20px; }
.userinput input[type=checkbox] { -ms-transform: scale(1.3); transform: scale(1.3,1.3); padding: 10px; }
.logbar { text-align: center; margin: 20px; }
.loginwrap .loginextras { text-align: center; }

/* Order Assist */
#orderassist { font-size: 13px; margin: 20px; }
#orderassist input { font-size: 16px; }

#orderassist th, td { border: 1px dashed #999; font-size: 12px; }
#orderassist td { padding: 4px 3px; }
#orderassist label { display: inline-block; width: 180px; text-align: right; padding-right: 10px; }
.controller { margin: 5px 0px; }

#zipcode, #lborder { width: 100px; }
.order_linenum { width: 30px; text-align: right; }
.order_item { width:150px; text-transform: uppercase; }
.original { font-size: 8px !important;  }
.skucontainer { min-width:173px;}
.skucontainer img { margin-left:3px;display:none;}
.order_qty { width: 30px; text-align: right; }
.order_account { width: 70px; text-align: right; }
.order_stock { width: 60px; text-align: right; cursor: pointer; }
.order_weight, #order_total_weight { width: 70px; text-align: right; }
.order_ups, #order_ups { width: 20px; text-align: center; }
.order_sellprice { width: 90px; font-size: 12px; text-align: center; }
.order_description { width: 500px; font-size: 12px; line-height: 1.3em; }
.order_extended, #order_customer_total, #order_customer_subtotal, #order_customer_shipping { text-align: right; }
.order_summary { text-align: right; }
.command_col div { width: 75px; text-align: center; }
.command_col img { vertical-align: middle; padding: 0; }
#pomargin{ text-align: center; }
.thsmall { font-size: 10px; }

.realsubs, .realskuvalue { display: none;}
.realskupoprow {padding:0 5px;}
.realskupoprow:hover {background:#aaa;padding:0 5px;}

#order_tax { display: none; }
#salestaxrate { text-align: center; }
#salestaxamount{ text-align: right; }

/* Hold Order */
#facil_seven { text-align: right; vertical-align: bottom; }
#facil_prime { vertical-align: bottom; }
.holdem { display: none; }
.allsgood{ color: green; }

/*Paper Info*/
#paperbag { margin: 10px 0 0 25px; width: 600px; border: 1px solid #000; padding: 1em; }
#papersub { width: 100%; }
.papermoney { width: 4em; text-align: right; }
.paperunits { width: 2em; text-align: right; }
#mustenter { font-size: 2em; font-weight: bold; margin: 3em 0 3em 15em; color: red; }
#showhide { float: right; cursor: pointer; }


.oopsprice { color: red; font-weight: bold; }
.okprice { color: green; font-weight: bold; }

.equivalences { width: 40px; text-align: center; }

.wpshow { display: inline-block; }
.wpnoshow {display: none; }
.wpgray { display: inline-block; color: #888; }
.stayopen{ display: table-row !important; }
.wpgray.lowest { color: #5DA845; }
.secondlowest { background-color: yellow; }

.oddd0 td, .oddd1 td.order_linenum{ background-color: #ece9d8; }
.oddd1 td { background-color: #fff7c6; } /* #E2E7FF; */
.even0 td, .even1 td.order_linenum  { background-color: #ece9d8; }
.even1 td { background-color: #fff7c6; } /* #EAF3FF; */
/*span.unitprice { display: none; }*/

[data-rowtype="prime"] td { border-top: 3px solid #000; } 
#orderassist [data-rowtype="equivalent"] td { font-size: 14px; }
#orderassist input[readonly="readonly"].order_item { border: none; background-color: #fff7c6; font-size: 14px; }
.lbonum { font-size: 20px; font-weight: bold; }

.prototype, .inventory { display: none; }
.error { color: red; }
.fadeout { background-color: #870000; }
.nogo{ color: #870000; font-weight: bold; }
.go, .lowest { color: #218400; font-weight: bold; }
.regional { background-color: #fcdd88; }
.costinput { width: 60px; text-align: right; }

#shipto { font-size: 15px; vertical-align: top; }
#instructions { font-size: 15px; vertical-align: bottom; }

#inventory, #realsubs { display: none; position: absolute; left: 0; top: 30px; font-size: 14px;
             border: 2px solid #ddd; z-index: 100; background-color: #fff;
             padding: 10px 20px; font-family: "Courier New", Courier, monospace;        
           }
           
#realsubs {cursor: pointer;}

.regprice td {
	border: none;
	line-height: 0.9em;
}

.regprice td + td {
    text-align:right;
}


.prototype, .inventory td { 
   text-align: right;
}

                      
#margincalc { position: absolute; right: 40px; top: 60px; border: 1px solid #000; 
              width: 220px; height: 180px; padding: 5px 20px; 
              background-color: #fff; }  
              
#margincalc div { margin: 5px 0; }               
#margincalc input { font-size: 18px; }
#margincalc input[type="text"] {width: 80px; }
#gmcalc { margin-left: 20px; position: relative; top: 20px; }
.gmoutput { font-size: 18px; }
.gmoutput span.lbl { display: inline-block; width: 130px; }

/* xref */
#xaddxref { border: 3px solid #000; border-radius: 20px; padding: 26px; width: 600px; display: none; background-color: #fff; }
#ui-dialog-title-addxref { text-align: center; font-size: 20px; margin-left: 200px; }
#xrefbase { margin: 1em 0 1.3em 0; font-size: 16px; }
#xrefinput div { margin-bottom: 1.3em; }
#xrefinput label { font-size: 16px; width: 230px; }
#xrefinput input { font-size: 18px; text-transform: uppercase; }
#xrefinput select { font-size: 18px; }
#addxref .ui-dialog-buttonset #savebutton { width: 200px !important; }
#pleasewait { text-align: center; }
#pleasewait img { margin-top: 50px; }
           
/* Reports */
#reports table { margin: 0 auto; }  

/* Order Matrix */
.matrixColumn { border: 1px solid #ddd; width: 80px; float: left; margin-right: 10px; text-align: center; }
.matrixColumn h2 { height: 50px; }
#matrixkey { width: 250px; float: right; text-align: left; }
#matrixkey div { padding-left: 10px; }

/* what's new */
#whatsnew { margin: 0 3em; }
#whatsnew h3 { margin: 2em 0 1em 0; }
#whatsnew ol { margin: 1em 2em; list-style-type: decimal; }
#whatsnew li { margin: 5px 0; }

#whatsnew ol ol { list-style-type: lower-alpha; }
#whatsnew ol ol ol { list-style-type: lower-roman; }
#whatsnew ol ol li { margin: 0; }

/*PO Approvals*/
.approvalunit { border: 1px solid #000; margin-bottom: 2em; }
.approvalHeader { float: left; margin: 3em 1em; }
.approvalFields { float: left; margin-bottom: 1em; }
.approvalBasic { min-height: 200px; }
.approvalDetails { margin: 1em 0; min-width: 900px; }
.rightx { text-align: right; }
.checkme { width: 25px; }

.sumbitapprovals { text-align: right; }

.sumbitapprovals input[type="submit"] {
   border-radius: 10px;
   font-size: 20px!important;
   margin: 0 20px 20px 0;
}

.sumbitapprovals input[type="submit"]:hover {
   cursor: pointer;	
}

/*lazy load */
table#listem { margin: 0px auto; width: 1467px; table-layout: fixed; }
xxxxtable#listem thead { display: inline-table; width: 100%; }
table#listem thead th { color: #fff; background-color: #888; border: 1px solid #fff; }
table#listem td { vertical-align: middle; border: 1px solid #e5e5e5; padding: 2px 3px 0px 5px; font-size: 14px; }
table#listem caption { font-size: 20px; font-weight: bold; margin-bottom: 8px; text-align: left; }
table#listem caption div { float: right; margin-right: 5px; }
table#listem caption div span { display: inline-block; margin-right: 20px; font-size: 14px; position: relative; top: -5px; }
xxxxxtable#listem tbody { display: block; overflow-y: scroll; height: 900px; }
.centerme { text-align: center; }
.righton { text-align: right; margin-right: 6px; }
.opblock { width: 24px; float: left; margin: 0 2px; }
.itemno { width: 30px; text-align: right; }
.oddrow { background-color: #e0e0e0; }
.evenrow { background-color: #fff; }
.oddrow:hover, .evenrow:hover, .currentrow { color: #fff; background-color: #888; cursor: pointer; }
.hideme { display: hidden; }

table#listem .deflabel { line-height: 36px; }
table#listem .deflabel label { width: 350px; }
table#listem .definput, table#listem .definput input { width: 450px; }
table#listem .money { text-align: right; padding-right: 8px; }
table#listem .qty { width: 30px; }
table#listem .newprice input { width: 60px; }

.red { color: red; }
.green { color: green; }
table#listem #pennysubmit { font-size: 125%; padding: 5px; }
table#listem td { vertical-align: top; }
table#listem .multicell { font-size: 90%; line-height: 14px; }
table#listem .multicell2 { font-size: 90%; line-height: 14px; }
table#listem .numbers { text-align: right; padding-right: 3px; }

.client1 { color: #6495ED; } /*amtrust*/
.client2 { color: #800080; } /*dssi*/
.client3 { color: #2F4F4F; } /*mgm*/
.client4 { color: #FF1493; } /*monarch*/
.client5 { color: #228B22; } /*ngic*/
.client6 { color: #8B0000; } /*southern*/
.lowest { font-weight: bold; font-size: 100%; background-color: #ddd; }
.conkey { font-size: 120%; text-align: right; }

#filters fieldset { border: 1px solid #000; width: 800px; height: 220px;  margin-left: 700px; font-size: 120%; line-height: 1.5em; }

.minith { font-size: 85%; }
.col_num { width: 50px; }
.col_sku { width: 120px; }
.col_desc { width: 200px; }
.col_img { width: 106px; }
.col_attr { width: 80px; }
.col_cont { width: 70px; }
.col_conp { width: 55px; }
.col_bought { width: 55px; }
.col_cost { width: 55px; }
.col_avgc { width: 55px; }
.col_rev { width: 80px; }
.col_avgs { width: 55px; }
.col_marg { width: 65px; }
.col_last { width: 55px; }
.col_sellt { width: 70px; }
.col_val { width: 55px; }
.col_acct { width: 74px; }
.col_costa { width: 55px; }
.col_newp { width: 56px; }
.newprice { width: 50px; font-size: 90%; padding-left: 0; padding-right: 0;}

#twrap { height: 1000px; position: relative; margin-top: 10px; }
#header-fixed { 
    position: fixed; 
    top: 0px; display:none;
    background-color:white;
}

.minsforfilter { width: 60px; }
.minimumvals { float: left; margin-right: 30px; }

#header-fixed { margin: 0px auto; width: 1600px; }
#header-fixed thead th { color: #fff; background-color: #888; border: 1px solid #fff; }

/* order flow */
#orderflow table { margin: 0 auto; }
#orderstats table { margin: 3em auto; }
#orderflow table h1, #orderstats table h1 { margin-bottom: 10px !important; }
#orderflow table h2, #orderstats table h2 { margin-bottom: 2em !important; }
.col1 { border-left: 1px solid #000; } 

/* snapshot */
#snapshot { width: 800px; }
#snapshot th { width: 200px; }
#snapshot .counts { height: 80px; background-color: blue; color: white; font-size: 40px; text-align: center; }

#orderstats table td { text-align: right; width: 100px; padding: 2px; padding-left: 12px; }                 

.marginline { color: white; border-top: 1px dotted black; }