body
{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px;
    padding: 0;
	margin: 2px 0 0;
    color: #232323;
    background-color: #d9d9d9;
	
	height: 100%;
}


th.data-on
{
	font: bold 12px Tahoma; 
	color: #000000; 
	background-color: #d9e2f2; 
	letter-spacing : -1px; 
	border-bottom: 1px solid #BBBBBB; 
	border-right: 0px solid #a9a9a9; 
	border-top: solid 1px #CCCCCC; 
	cursor: pointer;
	padding:3px 5px 3px 5px;
	empty-cells: show; 
	text-align: left;
	
}

th.data-off
{
	background-color:#F9f9f9;
	
	border-bottom:1px solid #CCC;
	border-right:0 solid #A9A9A9;
	border-top:1px solid #EEE;
	color:#666666;
	cursor:pointer;
	empty-cells:show;
	font:bold 11px Tahoma;
	text-align: left;
	padding:3px 5px;
	background: -moz-linear-gradient(center top , #FFFFFF, #EAEAEA) repeat scroll 0 0 transparent;
	vertical-align: top;
}



th.simple
{
	
	border-bottom:1px solid #B5B5B5;

	color:#27215D;
	empty-cells:show;
	font:bold 11px Tahoma;
	text-align: left;
	padding:1px 5px;
	

}



tr.data-off
{
	background-color: white;
	
	color: #333333;
	empty-cells:show;
	font:13px Tahoma;
	
	padding:3px 5px;
	text-align:left;

}

tr.data-on
{
	border-bottom: 1px solid #F5F5F5;
	background-color: #F5F5F5;
	color: #333333;
	empty-cells:show;
	font:13px Tahoma;
	
	padding:3px 5px;
	text-align:left;
	

}

tr.data
{
	border-bottom: 1px solid #DDDDDD;
	
	color: #333333;
	empty-cells:show;
	font:13px Tahoma;
	
	padding:3px 5px;
	text-align:left;

}

div.blockMsg
{
	
	background-color: #f9f7f1;
	padding: 10px 20px 10px 20px;
	border: 1px solid #CCCCCC;
}


div.blockMsg textarea,
div.blockMsg input[type=text]
{
	border: 2px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    margin: 0 0 11px;
    padding: 1px 4px;
}


div.blockMsg td,
div.blockMsg th
{
	
	padding: 15px 5px 0 5px;
}


div.blockMsg tr.alt td,
div.blockMsg tr.alt th
{
	background-color: #f6f6f6;
	padding: 15px 5px 0 5px;
}

div.blockMsg tr.error
{
	
	color: Red;
	font-weight: bold;
	
}




h1,h2,h3,h4,h5
{
	color: black;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

hr
{
	padding: 0;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}


a.bold {
	font-weight: bold !important;
}

.watermark {
    color: #A3A3A3;
    font-size: 12px;
}






td
{
	vertical-align: top;
}

td.hover {
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
}



#order-item-list .important .hover,
td.hover,
td.hover span,
td.hover a,
td.hover a.hover
{
	
	background-color: #E4E4E4 !important;
	font-weight: bold !important;
	color: Black;

	
}

#order-item-list tr td {
	font-size: 12px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 15px;
	cursor: pointer;
	

	
}

.order-item-form tr th {
	text-align: right;
	padding-bottom: 10px;
	vertical-align: top;
}



#order-item-list tr.active td 
{
	background-color: #e4e4e4;
	font-weight: bold;
	font-size: 13px;
	
	
	
}

#order-item-list tr.inactive
{
	background-color: white;
	font: bold 13px Tahoma;
	color: #666666;
}

#order-item-list tr.inactive img
{
	opacity: 0.2;
	filter:alpha(opacity=20);
}




#order-item-list tr.active {
	border-top: solid 2px #DDDDDD;
	border-bottom: solid 1px #c3c3c3;
	box-shadow: 0px -9px 5px -5px rgba(0, 0, 0, 0.2);
	border-left: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	
	
}

#order-item-list tr.active td{
	padding-top: 20px;
	
}

#order-item-list .unit-price-change,
.quantity-change-request
{
	text-decoration: line-through;
	font-size: 11px;
	color: #999999;
}



tr.alt {

	background-color: #FAFAFA;
	
}

#order-item-list tr.detail {

	background-color: #f2f3f2;
	border-bottom: solid 2px #DDDDDD;
	box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.3);
	border-left: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	
}

#order-item-list tr td span.rescheduled {
	color: red;
	font: 10px Tahoma;
}

.item-rejected-box {
	
	font: bold 13px Tahoma;
	padding: 10px;
	color: #ff0000;
	
}



.item-confirmed-box {
	
	font: bold 13px Tahoma;
	padding: 10px;
	color: green;
	
}


.tab-control-content,
#order-item-list .tab-control-content {
	background-color: white;
	
}

.item-status-awaitingsupplierconfirmation,
.item-status-awaitingcustomerconfirmation
{
	font: 9px Arial;
	color: #444444;
	
}

.item-status-inprocess 
{
	font: 9px Arial;
	color: #b89700;
	
}

.item-status-rejectedbysupplier,
.item-status-rejectedbycustomer
{
	font: 9px Arial;
	color: red;
}

.item-status-partiallyshipped 
{
	font: 9px Arial;
	color: #1daa01;
}

.item-status-shipped 
{
	font: 9px Arial;
	color: #2cbc00;
}











.blockUI
{
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px 6px #D6D6D6;
    
}

.gray-button
{
	  
    margin-right: 10px;
    margin-bottom: 3px;
    -moz-box-sizing: border-box;
	background-color: #FBFBFB;
    background: -moz-linear-gradient(center top , #FFFFFF, #DDD) repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: #666666 !important;
    font: bold 12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 24px;
    margin-top: 2px;
    text-decoration: none;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

.blue-button2
{
	  
	background-image: none;
    margin-right: 10px;
    margin-bottom: 3px;
    -moz-box-sizing: border-box;
    background-color: #376bbb;
    background: -moz-linear-gradient(center top , #5d8fdf, #2d61b3) repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color: white;
	font-size: 12px;
    font: bold 12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 24px;
    margin-top: 2px;
    text-decoration: none;
    cursor:pointer;
    padding-left: 10px;
    padding-right: 10px;
	
  
}

.no-borders,
.no-borders td
{
	border: 0 !important;
	
}
#salut
{
	display: block;
}
#order-header
{
	
	
}

#order-header th
{
	color: #909090;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    padding: 0 15px;
	vertical-align: top;
	
	
    
}


#order-item-list .important,	
#order-header .important {
	color: #444; 
	font-weight: bold;
}	
	
#order-header td
{
	
	vertical-align: top;
	padding: 0px 15px 5px;
	color: #595959;
	
	 
	
}
	
#order-header th.space,
#order-header td.space
{
	
	padding: 0;
	margin: 0;
	background-color: white;
	width: 10px;
	border: none;
}
	
	
	
	
	
	
.selected-items-container {
	list-style-type: none;
	padding: 0;
}
	
.selected-items-container li {
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #444444;
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px;
	cursor: pointer;	
}
	
.selected-items-container li .remove 
	{
	color: gray;
	padding-left: 10px;
	cursor: pointer;
		
}





#pro-nav
{
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: solid 1px #CCCCCC;
}

#pro-nav a
{
	font: 13px Tahoma !important;
	padding-right: 30px;
	color: #333333 !important;
}


#pro-nav a: active
{
	font: 13px Tahoma !important;
	padding-right: 30px;
	color: Black !important;
	
}




/***************** GRAY PANEL BEGIN *********************/

.gray-panel fieldset
{
	border: 0 none;
    float: left;
    width: 900px;
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
}


.gray-panel fieldset label
{
	-moz-box-sizing: border-box;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 8px 0 0;
    text-align: right;
    width: 130px;
    color: #555;
    margin: 5px 0 10px;
    font-family: 'Open Sans', sans-serif;
   
    
}


.gray-panel fieldset div.third,	
.gray-panel fieldset div.half,	
.gray-panel fieldset div
{
	
	border-left: 1px solid #DFDFDF;
    float: left;
    padding: 5px 0 0 10px;
    width: 740px;
    color: #444444;
    min-height: 30px;
    
    
}




.gray-panel fieldset div.half
{
	width: 250px;
}


.gray-panel fieldset div.third
{
	width: 150px;
}

.gray-panel fieldset div.error
{
	color: Red;
	text-transform: uppercase;
	font-weight: bold;
}



.gray-panel fieldset div select,
.gray-panel fieldset div input[type=text],
.gray-panel fieldset div textarea
{
	border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    margin: 0 0 11px;
    border: 2px solid #DDDDDD;
	padding: 1px 4px 1px;
	width: 90%;
}


.gray-panel fieldset div input.blue-button
{
	background-color: #FCFCFC;
	color: #666666 !important;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	text-transform: none;
}



.gray-panel fieldset table
{
	
	border: solid 1px #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	background-color: #FDFDFD;
}


.gray-panel fieldset table th
{
	
	color: #666666;
	font-size: 11px;
	border-bottom: solid 1px #CCCCCC;
	padding: 5px;
}

.gray-panel fieldset table td
{
	
	color: #353535;
	font-size: 11px;
	border-bottom: solid 1px #DDDDDD;
	padding: 5px 2px 7px 0 !important;
	
}

/***************** GRAY PANEL END *********************/





#search-result tr.newOrder
{
	border-top: solid 1px #CCCCCC;
	
}

#search-result tr.newOrder td
{
	padding-top: 10px;
	
}

#search-result tr.alt
{
	background-color: #f3f3f3;
}


#search-result td
{
	vertical-align: top;
	padding: 3px 10px 3px 0px;
	
}

.alert
{
	color: Red;
	font-weight: bold;
	
}


#search-result .padding,
#search-result .padding
{
	margin-bottom: 15px;
}


#content 
{
	border: none !important;
	background-color: transparent !important;
	padding-top: 5px !important;
	box-shadow: none;
	text-align: left;
}

#content-main {
	min-height: 100px !important;
	
}


.tab-control-content 
{
	padding:0 !important;
}


#tab-header
{
	
    background-color: #FCFCFC;
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 10px 10px 10px 10px;
   
}


#tab-footer
{
	
    background-color: #F4F4F4;
    border-top: 1px solid #DDD;
    margin: 0;
    padding: 10px 10px 10px 10px;
   
}

#tab-content
{  
	/*padding: 12px 12px 0; */
	background-color: white;
	
}

#site-footer-ads a {
    text-decoration: none;
}