BODY
{
    font-family:Arial;
}

#container
{
    width:610px;
    margin-left:auto;
    margin-right:auto;
}

table
{
    font-size:12px;
    border:0;
}

td 
{
    border:0;
    padding:2px;
    vertical-align:top;
}

.top
{
    width:610px;
}

.bottom-order, .bottom-req, .bottom-quote
{
    width:610px;
    height:72px;
    padding-top:10px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    background-repeat:no-repeat;
}
	
.bottom-order a, .bottom-quote a, .bottom-req a
{
    color:yellow;
}
	
.bottom-order
{
    background-image:url('/new_images/order-bottom.jpg');
}
	
.bottom-req
{
    background-image:url('/new_images/req-bottom.jpg');
}
	
.bottom-quote
{
    background-image:url('/new_images/quote-bottom.jpg');
}	

TR.top-silver
{
}
TR.top-silver TD
{
    border-top:1px solid silver;
}

TR.top-black
{
}
TR.top-black TD
{
    border-top:1px solid black;
}

table#comments, table#conditions, table#item-type, table#customer-data, table#oxygen-data
{
    width:100%;
}

table#oxygen-data
{
    text-transform:uppercase;
    font-size:10px;
    margin-bottom:10px;
}

table#conditions
{	
    margin-top:15px;
    margin-bottom:10px;
}

table#conditions th, table#comments th
{
    border-bottom:1px solid #ccc;
    background-color:#aaa;
    color:white;
}

table#conditions td, table#comments td
{
    padding-left:10px;
    padding-right:10px;
}

table#customer-data
{
    margin-bottom:15px;
}

table#customer-data th
{
    text-align:left;
}

table#order-data, table#req-data, table#info-data
{
    width:100%;
    padding:4px;
    margin-top:10px;
    background-color:white;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
}

table#order-data td, table#req-data td, table#info-data td
{ 
    padding-left:2px; 
    padding-right:4px;
}

table#order-data th, table#info-data th
{
    font-size:14px;
    font-weight:bold;
    text-align:left;
    border-bottom:1px solid #ddd;
    padding-top:12px;
    vertical-align:bottom;
	
}

table#parts
{	
    margin-top:10px;
    margin-bottom:10px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
}

table#parts th
{
    background-color:#eee;
    font-size:10px;
    margin:0;
    padding-bottom:2px;
}

table#parts TR.rowon
{
}
table#parts TR.rowon TD
{
    background-color:#edf3fe;
}

table#parts TR.bordertop
{
}
table#parts TR.bordertop TD
{
    border-top: 1px solid #ccc;
}

table#parts td
{
    padding:2px 2px 2px 6px;
    margin:0;
    background-color:white;
	
}


table#parts .on, .on
{
    background-color:#EDF3FE;
}

table#parts_os
{	
    margin-top:10px;
    margin-bottom:10px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
}

table#parts_os th
{
    background-color:#eee;
    font-size:10px;
    margin:0;
    border-bottom:1px solid #ccc;
    padding-bottom:2px;
}

table#parts_os TR.normal
{
    border-right: 5px white solid;
    border-left: 5px white solid;
}

table#parts_os TR.current_po
{
    border-right: 5px gray solid;
    border-left: 5px gray solid;
}

table#parts_os TR.rowon
{
}

table#parts_os TR.rowon TD
{
    background-color:#edf3fe;
}

table#parts_os td
{
    padding:2px 2px 2px 6px;
    margin:0;
    background-color:white;
	
}

table#parts_os TR.poitem
{
}

table#parts_os TR.poitem TD
{
    background-color:#ffffff;

}

table#parts_os TR.received
{
}

table#parts_os TR.received TD
{
    background-color: #ccff77;
}

table#parts_os TR.invoiced
{
}

table#parts_os TR.invoiced TD
{
    background-color: #6699ff;
}

table#parts_os TR.cancel
{
}

table#parts_os TR.cancel TD
{
    background-color: #ffffff;
    color: #cccccc;
}

table#parts_os TR.cancel TD A
{
    background-color: #ffffff;
    color: #cccccc;
}

table#parts_os TR.pending
{
}

table#parts_os TR.pending TD
{
    background-color: #ffffcc;
}


table#parts_os .on, .on
{
    background-color:#EDF3FE;
}

table#parts_os table.timeline
{
}

table#parts_os table.timeline tr
{
}

table#parts_os table.timeline tr td
{
background-color: #9966ff;
}

#ackcomment
{
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

#background, #background-top, #background-bottom, #background-blue, #background-top-blue, #background-bottom-blue
{
    width:610px;
    margin-left:auto;
    margin-right:auto;
}

#background, #background-top, #background-bottom, #ackcomment
{
    background-color:white;
}

#background-blue, #background-top-blue, #background-bottom-blue
{
    background-color:#4c739a;
}

#background, #ackcomment	
{
    background-image:url('/new_images/email_background_02.gif');
    background-repeat:repeat-y;
}

#ackcomment
{
    font-size: 12px;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
}

#background-top
{
    background-image:url('/new_images/email_background_01.gif');
    background-repeat:no-repeat;
    background-position:bottom;
    height:10px;
}

#background-bottom
{
    background-image:url('/new_images/email_background_03.gif');
    background-repeat:no-repeat;
    height:20px;
}

#background-blue
{
    background-image:url('/new_images/background-blue_02.gif');
    background-repeat:repeat-y;
}

#background-top-blue
{
    background-image:url('/new_images/background-blue_01.gif');
    background-repeat:no-repeat;
    background-position:bottom;
    height:10px;
}

#background-bottom-blue
{
    background-image:url('/new_images/background-blue_03.gif');
    background-repeat:no-repeat;
    height:20px;
}

#item-type, .item-type
{
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

.sum
{
    font-weight:bold;
    text-align:right;
    border-top:2px solid black;
}

.on
{
    background-color:#EDF3FE;
}

table.po-detail
{
    width:100%;
    font-size:10px;
}

.centered
{
    margin-left:auto;
    margin-right:auto;
}

#center_container
{
    width:620px;
}

#center_container_wide
{
    width:820px;
}



table#items td,
#center_container input, 
#center_container_wide input

{
    font-size:10px;
}

#roundBlueBottom, #roundBlueMiddle, #roundBlueTop
{
    width:810px;
}

#roundBlueBottom
{
    background-image:url('/new_images/backgroundBlueBottom800.jpg');
    background-repeat:no-repeat;
    height:20px;
}

#roundBlueMiddle
{
    background-image:url('/new_images/backgroundBlueMiddle800.jpg');
    background-repeat:repeat-y;
}

#roundBlueTop
{
    background-image:url('/new_images/backgroundBlueTop800.jpg');
    background-repeat:no-repeat;
    background-position:bottom;
    height:10px;
}

.title_white
{
    font-size:18px;
    font-weight:bold;
    font-family:Arial;
    color:White;
    margin-top:30px;
    margin-bottom:20px;
}

table#items
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    width:790px;
    border-collapse:collapse;
    
}
table#items th
{
    font-size:10px;
}

table#items td
{
    padding:2px;
}

table#data  
{
    margin-left:10px;
    width:590px;
}

/*styles for print materials only go here */

@media print {


    .bottom-order a, .bottom-quote a, .bottom-req a
    {
	    color:blue;
    }

    table#parts th
    {
	    border-bottom:1px solid #ccc;
    }

    table#parts_os th
    {
	    border-bottom:1px solid #ccc;
    }

}
