@charset "utf-8";

div.topbar {
	background-color: #c6e0f7;
	height: 55px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #c6e0f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	}
	
div.formheading {
	width: 100%;
	height:23px;
	background-image:url(../image/gbluebg.gif);
	background-repeat: repeat-x;
	}
	
div.blueshadow {
	width: 100%;
	height:17px;
	background-image:url(../image/blueshadow.gif);
	background-repeat: repeat-x;
	margin-bottom: 2px;
	}
	
h1.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	margin-bottom: 6px;
	margin-top: 8px;
	}

table.tablebottom {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #a9cff2;
	border-left-color: #a9cff2;
	}

td.bluebox {
	background-color: #ebf4fc;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

td.blueborderfortd {
	background-color: #FFFFFF;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a9cff2;
	border-bottom-color: #A9CFF2;
	
	}
	
th.bluebgheadtd {
	background-image: url(../image/thbg.gif);
	background-repeat: repeat-x;
	height: 32px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a9cff2;
	border-bottom-color: #a9cff2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #145692;
	padding-right: 2px;
	padding-left: 2px;
	}
td.totalbg {
	background-color: #E4E4E4;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #A9CFF2;
	border-bottom-color: #A9CFF2;
	font-weight: bold;
}
#tab2 {
	z-index: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	margin: 0px;
	}

#tab2 li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #121212;
	text-decoration: none;
	font-weight: bold;
	}

#tab2 a  {
	color: #121212;
	margin: 0px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	position: static;
	background-color: #C6E0F7;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
#tab2 a.active {
	background-color: #5B9CE3;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #FFFFFF;
	}

#tab2 a:hover {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 5px;
	background-color: #5B9CE3;
	}

#tab2 a.active:hover {
	color:#FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #5A9BE2;
	}
		
	 
div.ScrollAuto {
	height:auto;
	width:100%;
	overflow:scroll;
	white-space:nowrap;
	}
	
div.treeScrollVertical {
	height:150px;
	width:50%;
	overflow:scroll;
	white-space:nowrap;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: white;
	}
		    
.combocell{ 
width: 160px; 
height: 20 px;   
} 

/* FOR DISPLAYING THE ERROR*/

div.errorstyle {
	font-size: 11px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	margin-bottom: 10px;
	padding:10px;
	background-color: #E1F8FF;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #EEEE00;
	}
	
	/* FOR DISPLAYING THE SEARCHCRITERIAS*/

div.infostyle {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom: 10px;
	padding:10px;
	background-color: #E1F8FF;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #EEEE00;
	}


	 	

div.insidecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #F3F3F3;
	text-align: left;
	clip: rect(auto,auto,5px,auto);
	line-height: 18px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.rowSelect
  {
  	FONT-SIZE: 11px;
  	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
      BACKGROUND-COLOR: #ff6a6a;
     
  }

.rowSelectUpdate
   {
   	FONT-SIZE: 11px;
   	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
       BACKGROUND-COLOR: #FFFFFF;
      
  }

.rbroundbox2 {
	background-image: url(../image/nt.gif);
	background-repeat: repeat;
	}
.rbtop2 div { background: url(../image/tl.gif) no-repeat top left; }
.rbtop2 { background: url(../image/tr.gif) no-repeat top right; }
.rbbot2 div { background: url(../image/bl.gif) no-repeat bottom left; }
.rbbot2 { background: url(../image/br.gif) no-repeat bottom right; }
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent2 {
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.rbroundbox2 {
	width: 100%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}.welcomestylel {
	color: #FF9900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 30px;
}
.welcomestyles {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	vertical-align: bottom;
	margin-bottom: 25px;
}
.welcomestylearrow {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #E1F8FF;
	border: 1px dotted #B3E7FF;
}
.welcomestylearrow1 {

	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-right: 25px;
	margin-left: 25px;
	background-image: url(../image/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 25px;
	padding-left: 30px;
	height: 72px;
	vertical-align: bottom;
	padding-top: 18px;
}



 div.leaftnavhead {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 16px;
       color: #0099FF;
       margin-top: 12px;
       padding-top: 5px;
       padding-bottom: 3px;
       font-weight: bold;
       border-bottom-width: 1px;
       border-bottom-style: double;
       border-bottom-color: #CCCCCC;
       margin-right: 12px;
       margin-bottom: 10px;
       margin-left: 4px;
       text-align: left;
}




	 	
	 	
/* **** StoresLedger Report CSS  ***  begins    */
 	
 	div.tbl-container {
	      width: 90%;	
	      height: 525px;
	      overflow: scroll;
	      scrollbar-base-color:#bbbbb;
      }
      
      
      table.its {
      	
      	width: 100%;				
      	
      }
    
      table.its th, table.its td{
       border-left:1px solid #a9cff2; 	    
      	
      	text-align: left;
      	vertical-align: top;
	background-color: #FFFFFF;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000000;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a9cff2;
	border-bottom-color: #A9CFF2;
      }
     
            
      table.its th,table.its thead tr
      {
	border-left:1px solid #a9cff2; 	     
	border-top:1px solid #a9cff2;        	
	text-align: center;
	vertical-align: top;
	background-color: #ebf4fc; 
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: #145692;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #a9cff2;
	border-bottom-color: #A9CFF2;
      }
      .hidetext
        {
    	color: #848484;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
       }
  
     .showtext
          {
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
       }
       .showMandatorytext
                 {
       	color: red;
       	text-align: left;
       	font-family: Verdana, Arial, Helvetica, sans-serif;
       }
  /* **** StoresLedger Report CSS  ***  End    */    
    
     input.tablerowright {
     	font-family: Arial, Helvetica, sans-serif;
     	font-size: 11px;
     	color: #333333;
     	background-color: #FFFFFF;
     	border: 1px solid #CCCCCC;
     	padding-top: 2px;
     	padding-right: 2px;
     	padding-bottom: 2px;
     	padding-left: 4px;
     	width: 95%;
     	text-align: right;
     	}    
          
     
      	
.its td.hidden {display: none;}
.its th.hidden {display: none;}

thead {display:table-header-group}
tbody{display:table-row-group;}
table.its thead {
display:table-header-group;
}
table.its tbody {
display:table-row-group;
}
table.its thead th
{
/*display:table-header-group*/
}

      
	
	
