﻿#body
{  
 /*display : inline-block ;*/
}


li
{
 list-style : none;
 width: 98%;
 display : inline-block;
}




#resultdiv
{
 position  : relative;
  width : 100%;	

	
}

#resultdiv  li ul
{
  display : none;	
}


ul > div.resultrow1
{
  width : 98%;	
  display : inline-block;
  
}


ul > div.resultrow1
{
	background-color : Gray ;
	color : White;
	padding-top : 5px;
	padding-bottom : 3px;
}

ul > div.resultrow2
{
	background-color : Gray ;
	color : White;
	
	
	padding-top : 5px;
	padding-bottom : 3px;
}

ul > li:nth-child(even) > div.resultrow2
{
   background-color : #fef9e7;
}

ul > li:nth-child(even) > div.resultrow1
{
   background-color : #eaeded ;
}



.resultrow1 .col0
{
  width : 7%;	
   
}

.resultrow1 .col1
{
  width : 20%;	
     
  text-align : left  ;
}



.resultrow1 div
{
	
  display :  inline-block  ;

}


.resultrow1 div.col2
{
   width : 30%;
}

.resultrow1 div.col3
{
   width : 8%;
}

.resultrow1 div.col4
{
   width : 7%;
    text-align: right;
    margin-right :1.5%;
}


.resultrow1 div.col5, 
.resultrow1 div.col6
{
   width : 10%;
}

.resultrow1 div.col7
{
   width : 15%;
}

.resultrow2
{
  width : 96%;	
  
	  display : inline-block;
	  padding-left : 1%;
	  padding-right : 1%;
}

.resultrow2 .col1
{
	 width : 5%;
}
 .resultrow2 .col4,  .resultrow2 .col5
  {
  	 width : 7%;	
  	 
  	 text-align : center ;
}




.resultrow2 .col3
  {
  	 width : 15%;	
}


.resultrow2 .col2, .resultrow2 .col6 , .resultrow2 .col7,  .resultrow2 .col8, .resultrow2 .col9
{
   width : 10%;	
}

.resultrow2 div
{
	
  display :    inline-block  ;
  vertical-align : top;

}

ul li:last-child > .resultrow2:last-child
{
   margin-bottom : 15px;	
}

#resultdiv > ul > li:nth-child(even)
{
    background-color :  #eaeded ;
		
}

#resultdiv > ul > li:nth-child(odd)
{
    background-color : #d4e6f1 ;	
		
}

#divresultheader
{
     margin-left : 20px;
   
}

.orderstaterr
{ margin-top : 20px;
   margin-left : 60px;
    color : Red;
    	
}