html {
width: 100%;
}
body {
margin-left:auto;
margin-right: auto;
width: 1225px;
}
#header
{
margin-top: 10px;
margin-bottom : 10px;
}
.tabbed_area {
/* border:1px solid #494e52;
background-color:#636d76;
*/
font-family : verdana, Arial, Helvetica, sans-serif;
position : relative ;
display : inline-block ;
top: 0px;
left: 0px;
height : 29px;
width : 1225px;
}
#custlistbox
{
width : 600px;
margin : 5px;
float : right ;
}
.tabs
{
position : relative ;
padding:0;
margin:0;
height : 29px;
width : 500px;
float : left ;
}
.tabs div
{
position : inherit ;
float : left ;
top: 0px;
width: 100px;
display: inline-block ;
margin-right : 5px;
margin-left : 3px;
height : 28px
}
.tabs div:first-child
{
margin-left: 0px !important;
}
.tabs div a
{
position : relative ;
display : inline-block ;
color:#464c54;
text-decoration:none;
top: 0px;
padding-top : 10px;
padding-left : 5px;
height : 18px;
font-size: 9px;
width: 100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-align :center ;
/* border:1px solid #464c54; */
}
.tabs div a:hover {
border-color:#357694;
cursor : pointer;
}
.tabs div a.active {
background-color:#ffffff;
color:#357694;
border:1px solid #464c54;
}
#BtnLogOut
{
float :right;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-right :10%;
background-color: #0F3696;
color: #FFFFFF;
font-size: .8rem;
padding: 5px;
padding-left : 10px;
padding-right : 10px;
cursor : pointer;
}
#Logout a:hover
{
font-size : .8rem !important;
}
.content
{
display : inline-block ;
width : 1200px;
background-color:#ffffff;
padding:10px;
border:5px solid #357694;
margin:0px;
padding:0px 5px 0px 5px;
height : auto ;
}
#content_1, #content_2, #content_3 , #content_4 , #content_4_detail_popup { display:none; }
#content_4
{
position: relative;
padding-bottom : 20px;
}
#mainresultdiv, #mainresultdivdetail
{
display : inline-block ;
width : inherit ;
font-size :9pt;
}
#openorder_table, #shippedorderdetail_table, #invoceorder_table, #holdorder_table, #search_order_table
{
width: 1200px ;
padding-right : 3px;
}
#openorder_table #tblcol1, #openorder_table #tblcol5
{
vertical-align : bottom ;
width : 100px;
}
#openorder_table #tblcol4, #openorder_table #tblcol7, #openorder_table #tblcol8, #openorder_table #tblcol12
{
vertical-align : bottom ;
width : 70px;
}
#openorder_table #tblcol3, #openorder_table #tblcol5 , #openorder_table #tblcol6
{
vertical-align : bottom ;
width : 200px;
}
#openorder_table #tblcol9, #openorder_table #tblcol11
{
display : inline-table ;
vertical-align : bottom ;
width : 20px;
}
#openorder_table #tblcol10
{
width : 30px;
}
.odd_true
{
background-color : #CCCCCC;
}
.tablehdr
{
background-color : #555555;
color : #FFFFFF;
}
#pagelist
{
display : inline-block ;
width : 1175px ;
color : #FFFFFF;
margin: 0px auto;
padding-left : 10px;
padding-right : 10px;
background-color : #357694;
border : 2px solid white;
}
#pagelist a
{
color : #FFFFFF;
padding-left : 2px;
padding-right : 2px;
}
#pagelist a:hover
{
display : inline;
color : #000000;
background-color : #FFFFFF;
font-weight : bolder ;
font-size : larger ;
}
#pagelist a.linkselected
{
display : inline;
color : #000000;
background-color : #FFFF00;
font-weight : bolder ;
font-size : larger ;
}
#OrderDetailBackButton
{
position : relative ;
top : 5px;
margin-bottom : 10px;
height : 20px;
}
#OrderDetailBackButton a
{
position : relative ;
background-color : #357694;
width : 50px;
padding-left : 10px;
padding-right : 10px;
border : 4px outset white;
color : #FFFFFF;
font-size : 14pt;
}
#OrderDetailBackButton a:hover
{
cursor: pointer ;
}
#OrderDetailBackButton2
{
background-color : #6699FF;
width : 30px;
padding-left : 10px;
padding-right : 10px;
border : 4px outset white;
color : #FFFFFF;
}
#InvoiceButton
{
width : 20px;
background-color : #357694;
width : 65px;
padding-left : 10px;
padding-right : 10px;
border : 4px outset white;
color : #FFFFFF;
}
td
{
padding-left : 3px;
}
/*
#mainresultheader , #mainresulitem
{
display : inherit;
width : 1220px;
}
*/
/*
.resultcol1, .resultcol2, .resultcol3, .resultcol5 ,.resultcol6, .resultcol7, .resultcol8 , .resultcol9 , .resultcol10 , .resultcol11 , .resultcol12 , .resultcol13
{
float : left;
font-size : 10pt ;
min-width : 100px;
}
.resultcol4 , .resultcol11, .resultcol8
{
float : left ;
font-size : 10pt ;
min-width : 40px;
}
openorder_table
*/
#shiptoaddressheader
{
width : 300px;
}
#orderinfoheader
{
width :880px;
}
#headertable
{
width : 1200px;
}
#orderinfotitle, #shiptoaddressheader
{
background-color : #555555;
color : #FFFFFF;
}
.orderinfolabel
{
width : 120px;
font-weight : bold ;
}
#lnkviewinvoice
{
display : inline-block ;
float : right ;
}
#content_4_detail_popup , #content_4_detail_popup_popup2
{
display : inline-block ;
z-index : 999999;
position : fixed;
top: 50px;
left: 20px;
border : 2px inset #6699FF;
height : 500px;
overflow : auto ;
}
#content_2_invoice_detail_popup, #content_2_detail_popup
{
z-index : 9999;
position : fixed;
top: 50px;
left: 20px;
border : 2px inset #6699FF;
height : 500px;
overflow : auto ;
}
#OderStatushFieldSet
{
margin-left : 15px;
margin-right : 15px;
border : 2px inset #808080;
width : 180px ;
font-size : small ;
float : left ;
}
#OderDatesFieldset
{
border : 2px inset #808080;
width : 180px ;
font-size : small ;
float : left ;
}
#SearchFieldFieldSet
{
margin-left : 15px;
border : 2px inset #808080;
width : 500px ;
font-size : small ;
float : left ;
}
.orderstatuscheckbox
{
font-size : small ;
padding: 2px 5px 5px 5px;
display : inline-block ;
width : 160px ;
position : relative ;
float : left;
}
.OderDatescheckbox
{
font-size : small ;
padding: 2px 5px 5px 5px;
display : inline-block ;
width : 160px ;
position : relative ;
float : left;
}
.searchfieldcheckbox
{
font-size : small ;
padding: 2px 5px 5px 5px;
display : inline-block ;
width : 120px ;
position : relative ;
float : left;
height: auto;
}
tr.odd_false:hover, tr.odd_true:hover
{
background-color : #94aab1;
color : White;
}
#searchcriteriadiv
{
position: relative;
width : auto;
height : 100px;
padding : 3px;
}
#searchtextbtn
{ display : inline-block ;
position: relative;
margin-top : 20px;
margin-left : 5px;
float : left ;
}
#searchtext
{ display : inline-block ;
position: relative;
margin-top : 5px;
margin-left : 8px;
float : left ;
}
#fieldnamegroupdiv
{
position: relative;
margin-left : 10px;
margin-right : 10px;
float : left ;
width : 260px;
height: auto;
}
#Content_4_Search_Result_Detail
{
display : inline-block ;
width : 1200px;
background-color:#ffffff;
padding:0px;
border: 0px solid #357694;
}
.currency
{
display : inline-block ;
text-align : right ;
padding-right : 5px;
}
#openorder_table .tblcol1_detail5, #openorder_table .tblcol1_detail6, #openorder_table .tblcol1_detail7, #openorder_table .tblcol1_detail8, #openorder_table .tblcol1_detail9, #openorder_table .tblcol1_detail10,
#shippedorderdetail_table .tblcol1_detail5, #shippedorderdetail_table .tblcol1_detail6 ,
#holdorder_table .tblcol1_detail3
{
text-align : right ;
padding-right : 5px;
}
#recordcountdiv
{
float : right;
}
#hold_status_code
{
}
.column_header
{
height : auto;
vertical-align : baseline ;
}
.column_header:hover
{
cursor : pointer ;
}
#hold_status_code
{
display : inline-block ;
z-index : 99999;
position : fixed;
top: 110px;
left: 20px;
background-color : #609f44 ;
color :#FFFFFF;
}
.holdcode:hover
{
cursor:pointer ;
}
/*
.image_sort_asc
{
background-repeat : no-repeat ;
background-position : left bottom ;
height : 28px;
vertical-align :text-bottom ;
width : auto ;
}
.image_sort_desc
{
background-repeat : no-repeat ;
background-position : left bottom ;
height : 28px;
width : auto ;
vertical-align :text-bottom ;
}
.image_sort_none
{
background-repeat : no-repeat ;
background-position : left bottom ;
height : 28px;
vertical-align :text-bottom ;
}
*/
#acctnumber
{
position : relative ;
width : 150px;
float : right ;
font-size : large ;
padding-left : 2px;
border:2px solid #357694;
}
#lstAccount
{
position : relative ;
float : left ;
}
#content_1_sortcolumn
{
visibility : hidden ;
}
.Sort_Column
{
text-decoration:underline;
background-color : #999999;
}
.hide
{
visibility : hidden ;
}
#invoceorder_table #linenumber, #invoceorder_table #shipqty, #invoceorder_table #orderqty,#invoceorder_table #unitprice,
#invoceorder_table #plant
{
max-width : 5%;
width : 5%;
}
.rightalign
{
text-align : right ;
padding-right : 5px;
}
.centeralign
{
text-align : center ;
}
#ordernumber
{
width: 15px;
}
#shippedorder_table #releasenumber, #shippedorder_table #shipment
{
width : 15px;
}
#shippedorder_table #shipdate div
{
width : 35px;
text-align : center ;
}
#shippedorder_table div.orderemailby
{
white-space: nowrap;
width : 80pt;
overflow : hidden;
overflow-x: hidden;
padding : 0px;
}
table td div
{
height : auto ;
}
form {margin: 0;}
tr.tablehdr
{
vertical-align: bottom;
}
tr
{
vertical-align : top;
}
#shippedorder_table
{
width: 1200px;
}
#OrderDetailTotals
{
font-size : larger ;
font-weight : bolder;
background-color : #C0E7F3;
}
/*
a:hover
{
font-weight : bolder ;
}
*/
.NotFirmDate
{
color : Gray ;
}
#detailpage_shipmentlinks a.linkselected
{
display : inline;
color : #000000;
background-color : #FFFF00;
font-weight : bolder ;
font-size : larger ;
}
#detailpage_shipmentlinks a
{
display : inline;
padding-right :4px;
}
.tabs div a.tabbutton_selected
{
background-color : #357694;
border-width: 1px;
border-style : inset;
border-bottom: #357694;
color: White ;
}
#lblcurpassword, #lblemail
{
width : 80px;
}
#logincontainer
{
width : 300px;
position : relative ;
margin-left : auto;
margin-right : auto ;
border : #357694 solid;
margin-top: 50px;
padding: 30px;
}
#logincontainer img
{
display : block ;
}
#logincontainer #lblerrormsg
{
margin-top : 20px;
margin-bottom : 5px;
display : block ;
color : Red ;
}
#logincontainer #lblrequired
{
margin-top : 8px;
margin-bottom : 8px;
display : block ;
}
#logincontainer span
{
display : inline-block ;
}
#logincontainer #btnLogin
{
margin-top : 20px;
margin-left : auto;
margin-right : auto;
display: inherit;
}
#logincontainer input
{
width: 150px;
}
.lineitemstatus_s
{
position: relative;
width : 10em;
overflow : hidden;
border : 1px solid black;
/* background-color : Green;
color : White;
*/
}
.lineitemstatus_s a
{
text-align: center ;
float : left;
text-decoration : none;
color : white;
background-color : Green;
width: 65%;
}
.lineitemstatus_s a:hover, .lineitemstatus_o a:hover
{
background-color : Yellow;
color : Black;
}
.lineitemstatus_s span
{
text-align: center;
float :left ;
width: 35%;
background-color : white;
}
.lineitemstatus_o a
{
text-align: center ;
float : left;
text-decoration : none;
color : black;
width: 65%;
background-color : #FFFFCC;
}
.lineitemstatus_o span
{
text-align: center;
float :left ;
width: 35%;
color : black ;
background-color :White;
}
.lineitemstatus_o
{
position: relative;
width : 10em;
border : 1px solid #C2C2D6 ;
overflow : hidden;
border : 1px solid black;
}
.prolink a
{
position: relative;
float : left;
}
.prolink label
{
position: relative;
float : left;
display : inline-block ;
width : auto;
}
.plantmessage
{
position: relative;
margin-left : 30px;
width : 800px;
float : left;
font-size : 9pt;
color : Red;
display :inline-block;
line-height: normal ;
}
#logincontainer .row
{
margin-top: 4px;
margin-bottom: 4px;
}