* {margin:0; padding:0;}  /* Universal Reset */
body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	/*background-color : #e8eefa; */
	background-color : #ffffff;
	margin:0; padding:0;
 	height: 100%;
}
table{ font-size:13px;}


.clear{ clear:both; margin:0; padding:0}
.floatleft{ float:left}
.floatright{ float:right}

H1{
	font-size:18px;
	line-height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
H2{ font-size:14px}

H3{
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999!important;
	line-height:30px;
	
}
H4{ font-size:18px; text-align:center; margin:0 auto}
.line{ border-bottom:1px solid #999999; margin:0; padding:0}

#header
{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 16px;
	text-align : right;
	padding:10px;
	font-weight:bold;
	margin-right:20px;
}
#header .bold{ font-weight:bold}
#header .red{ color:#FF0000;}

.footer
{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 13px;
	text-align : left;
	padding : 3px 0pt;
}

.bgcolor-blue
{
	background-color : #c3d9ff;
}

.bgcolor-white
{
	background-color : #ffffff;
}

.bgcolor-lblue
{
	background-color : #e8eefa;
}

/* Use in index & changepasswd php forms for setting input(label) font size & type */
.input-lbl 
{ 
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 14px; 
}

/* Use in index & changepasswd php forms for setting input(textbox) font size & type */
.input-val 
{ 
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 13px; 
	height: 23px ;
}

/* Use in index & changepasswd php forms for error message on index form */
.error
 { 
 	font-weight:bold;	
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size : 15px;	 
	color:#FF0000;
 }
 

/* from validate.css */

input, select
{
  margin-bottom: 3px;
  border:1px solid #ccc;
  background-color: #e8eefa; 
}

.left
{
  margin-left: 150px;
}

.container
{
 	margin-left:25px;
	background: #e8eefa;
	width: 95%;
	*width: 95%; 
	height: 100%;
}
.textarea
{
	border:none ;
}

/*-- add class for search for particular stock --*/
td.row-head
{	 
   	font-size : 14px;
	text-align : left; 
	vertical-align : middle;
	text-align:center ;
}

td.hide-column /* added by VM */
{
	background-color : #c9d7f3;
	display :none ;
}

td.data
{
	font-size : 12px;
	text-align : left;
	vertical-align : middle;
}

td.data-right
{	 
	font-size : 12px; 
	text-align : right;
	vertical-align : middle; 
}



/*---------FORM CLASSES START------------*/
.form{
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	BACKGROUND: #fbfafa;
	PADDING-BOTTOM: 4px;
	COLOR: #252525;
	PADDING-TOP: 4px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #cbcaca;
	line-height:12px;
	height:12px;
}
.form:hover {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	BACKGROUND: #fbfafa;
	PADDING-BOTTOM: 4px;
	COLOR: #252525;
	PADDING-TOP: 4px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #a6a6a6;
}
.Button {
	BORDER-RIGHT: #bfbfbf 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #bfbfbf 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #bfbfbf 1px solid;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #bfbfbf 1px solid;
 	background-color: #797878;  
	/*background-color: #6180bc; */
	
}
.Button:hover {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #cccccc 1px solid;
	background-color: #797878;
	
}

.button_save {
	BORDER-RIGHT: #bfbfbf 1px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #bfbfbf 1px solid;
	PADDING-LEFT: 8px;
	FONT-SIZE: 13px;
	PADDING-BOTTOM: 4px;
	BORDER-LEFT: #bfbfbf 1px solid;
	COLOR: #FFFFFF;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #bfbfbf 1px solid;
	background-color: #6180bc;
	
}
/*---------FORM CLASSES END------------*/

#head_searchcriteria{ height:25px; clear:both; width:548px; margin-bottom:20px}
.search{ margin-top:10px}
.search_1{width:650px; border:solid 1px #CCCCCC; padding-left:5px; margin-right:5px; padding-top:25px; padding-bottom:15px}


.block{ margin:0px; padding:0px; float:left}
.block ul{ list-style-type:none; margin:0; padding:0}
.block li{ display:block; width:auto; margin-right:15px; height:26px; line-height:26px}

#search_criteria{ width:900px; height:60px; margin:0; padding:0}
#search_criteria ul{ list-style-type:none; margin:0; padding:0;}
#search_criteria li{ display:inline; float:left; width:135px; height:50px; margin-right:20px; margin-left:10px;}
#search_criteria .form{ line-height:12px; height:22px}

#blocka{ width:648px; *width: 550px; float:left} 
#blockb{ width:420px; margin-right:15px; padding:0; float:left} 
#blockc{ width:70px; margin-left:25px; padding:0; float:left} 

/*--------------- Modified Nov 17, 2012 -------------
blocka, blockb width different margin
----------------------------------------------------*/
#blocka_1{ width:470px; *width: 550px; float:left} 
#blockb_1{ width:220px; margin-right:15px; padding:0; float:left} 

#blocka_2{ width:220px; *width: 550px; float:left} 
#blockb_2{ width:400px; margin-right:15px; padding:0; float:left} 


#content { width:100%; margin-bottom:30px; padding:0; float:left; margin:0}
#content ul{ float:left; list-style-type:none; margin:0; padding:0;}
#content li{ width:100%; min-height:26px; line-height:26px;  margin-right:10px; display:block; float:left; }


#content .form{ line-height:12px; height:22px}

#head_searchcriteria_2{ height:25px; clear:both; width:200px; margin-bottom:20px}
.searchcriteria_2{ width:303px; *width: 303px; border:solid 1px #CCCCCC; padding-left:40px; margin-right:50px; padding-top:25px;  padding-bottom:15px} 

.searchcriteria_2 #blocka{ width:130px;*width: 130px; float:left} 
.searchcriteria_2 #blockb{ width:208px; padding:0; float:left} 
.searchcriteria_2 #blockc{ width:70px; margin-left:25px; padding:0; float:left} 

.head_savedsearch { height:25px; clear:both; width:308px; margin-bottom:20px}
.saved_search{ width:208px; border:solid 1px #CCCCCC; padding-left:40px; margin-right:100px; padding-top:25px;  padding-bottom:15px}


.detail{
	 width:90%;
	 border:solid 1px #CCCCCC; 
	 padding-left:20px; 
	 padding-right:20px; 
	 padding-top:25px; 
	 margin-left:25px; 
	 margin-top:50px; 
	 margin-bottom:100px; 
	 padding-bottom:25px
	 }


.table_heading{ 
	font-weight : bold ;
	height:15px ;
	background-color : #eBeefa ;
	text-align:center; 	
	border-left: solid 1px #7990be; 
}

.table{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;	 
	border-top-color: #7990be;
	border-right-color: #7990be;
	border-bottom-color: #7990be;
	border-left-color: #7990be;
	line-height:25px;
}
.td{
	font-size : 14px;
	text-align : center;
	vertical-align : middle; 	 
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}
	
.td_alter{
	font-size : 12px;
	border-right: solid 1px #7990be;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}	

.cell_attrib{
	text-align : right;
	font-size : 12px ;
	border-top : solid 1px  #7990be;
	border-left:  solid 1px  #7990be; 
	line-height : 25px ;
	padding-right : 5px ;		
}

.table_width {width:645px;}
.left{ text-align:left; margin-left:3px;}
.right{ text-align:right; margin-right:3px;}	
	
.login{
	width:350px;
	height:200px;
	border: solid 1px #CCCCCC;
	padding:25px;
	margin-top: 150px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:13px;
	line-height:30px;
}

/*  To be changed: VM20130116

.item .btn{ margin-top:5px; margin-left:83px}

.create_sales_quote{ line-height:10px; margin-bottom:10px}

.mark_quote{ line-height:35px}

.print_sales{ line-height:35px; margin-bottom:20px} */


/*--------------- css modifications for multiselect styles -------------*/
.content-detail { float:left; height:auto; margin-bottom:10px;}
.aleft { float:left; width:1275px; height:auto;}
.multiselect {width: 410px;height: 150px;}
#switcher {margin-top: 20px;}

.success {
    width: 298px;
    background: #a5e283;
    border: #337f09 1px solid;
    padding: 5px;
}

.error {
    width: 298px;
    background: #ea7e7e;
    border: #a71010 1px solid;
    padding: 5px;
}

.container_center
{
 	margin-left:25px;
	background: #e8eefa;
	width: 95%;
	*width: 95%; 
	height: 100%;
	margin:0 auto ;
}

.dark-blue-but {
	font-size: 10px;
 	color: white!important;  
	display: inline-block; 
	line-height: 21px;
	height:27px;
	text-decoration: none;
	text-align: center;
	margin: 1px 0 0 1px;
	text-transform: uppercase;
	padding: 1px 6px ;
	width:auto !important;
	font-weight:bold;  
	background-color: #3079ed ;

	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #cccccc 1px solid;	
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #cccccc 1px solid;
} 

.dark-blue-but_center {
	font-size: 10px;
 	color: white!important;  
	display: inline-block; 
	line-height: 21px;
	height:27px;
	text-decoration: none;
	text-align: center;
	margin: 1px 0 0 1px;
	text-transform: uppercase;
	padding: 1px 6px ;
	font-weight:bold;  
	background-color: #3079ed ;

	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #cccccc 1px solid;	
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #cccccc 1px solid;
}